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图 1-9 左 图 所 画 是 一 幅 法 向 图 。 图 中 每 一 点 的 x、y 坐标 对 应 于 球面 上 一 点 的 纬度 和 经 度 。 每 个 点 处 存储 的 
RGB 颜色 分 量 决定 了 球面 上 对 应 点 法 向 量 将 如 何 倾斜 。 淡 紫色 表示 无 倾斜 ， 而 四 周 的 4 个 条 纹 表示 
该 点 处 的 球面 法 向 量 将 分 别 朝 上 、 朝 下 、 朝 左 、 朝 有 倾斜 。 右 图 中 法 向 上 映射 生成 的 形状 看 上 去 似乎 凹 
凸 不 平 ， 但 从 侧 影 轮廓 线 可 看 出 ， 表 面 实 际 上 是 光滑 的 。 注意， 它 采 用 了 天 空 的 镜面 映像 作为 “颜色 
纹理 ” 





图 1-13 每 条 窗 带 为 一 种 颜色 ， 但 每 条 罕 带 的 左 侧 窄带 颜色 更 亮 ， 其 右 侧 窄带 稍 暗 ， 
从 而 使 得 各 罕 带 之 间 的 分 界线 被 凸显 出 来 ， 该 效应 称 为 马赫 带 效应 








图 1-17 一 个 半 透 明 的 光滑 表面 及 其 法 向 量 (红色 )。 该 表面 可 采用 一 个 多 边 形 网 格 
(白色 ) 来 近似 ， 图 中 的 绿色 法 向 量 为 多 边 形 网 格 在 相应 点 处 的 法 向 量 
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图 5-6 明暗 区 域 感受 顺 的 原始 反应 (上面 ， 蓝 线 表 示 )， 相 邻 感受 器 的 抑制 效果 (中 间 ， 红 线 表示 )， 
以 及 下 面 绿 线 表示 的 两 者 差 值 ， 即 实际 反应 。 可 以 看 到 ， 用 虚线 表示 的 明暗 边界 的 对 比 度 增强 
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图 5-7 已 适应 暗 光 的 眼睛 对 低 刺 激 水 平 光 饱和 度 的 反应 ; 已 适应 
亮光 的 眼睛 无 法 检测 到 很 多 弱 光 刺激 间 的 差异 





光 的 方向 
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的 视点 看 到 的 视图 





从 金字 塔 上 空 朝 下 从 位 于 沙漠 表面 上 
看 到 的 视图 








二 G=48° | 0= 90° 
eos'0=1 cos 9 = 0.707 | os y=0 


各 俯视 图 对 应 的 语义 











图 6-15 ”基于 郎 伯 余弦 定律 计算 不 同 0 角 下 表面 的 亮度 











黄色 曲线 显示 实际 表面 


黑色 折线 和 绿色 顶点 
所 示 为 近似 网 格 





逐个 顶点 计算 光照 一 > @ © @ @ 


复制 (均匀 填 色 ) 一 > [IE 生 天 天 天 天 国 


光亮 度 插 值 ”一 > [RE 
(Gouraud 着 色 ) 
图 6-23 均匀 着 色 方 法 和 Gouraud 着 色 方 法 的 比较 ， 两 种 不 同 的 方法 均 用 来 
确定 顶点 间 各 点 的 光亮 度 值 (顶点 的 光亮 度 值 已 预先 计算 ) 





图 7-22 浅黄 色 三 角形 (包含 原点 和 顶点 0、1 ) 的 符号 面积 为 负 ， 蓝 色 三 角形 (包含 原点 和 项 
点 1、2 ) 为 正 。 接 下 来 的 三 个 三 角形 的 符号 面积 分 别 为 负 、 正 和 负 ， 它 们 的 符号 面积 
的 累加 结果 即 为 灰色 多 边 形 的 面积 





图 7-23 灰色 三 角形 朝 各 坐标 平面 投影 ， 得 到 3 个 三 角形 ， 橙色、 黄色 和 
蓝 色 三 角形 的 符号 面积 即 为 灰色 三 角形 法 向 量 的 坐标 分 量 
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图 14-4 用 8.24 位 定点 和 32 位 浮 点 表示 的 相 邻 实数 在 范围 [ 10*，1 ) 的 距离 | AS06 ]， 
abba i 度 变化 。© 2006 ACM 授权 许可 
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图 14-9 可 见 光谱 是 整个 电磁 波 频谱 的 一 部 分 。 我 们 所 感知 的 源 于 某 一 电磁 波 的 光 的 颜色 是 由 它 的 频率 决定 


的 。 而 频率 和 波长 的 关系 取决 于 电磁 波 传播 时 所 通过 的 介质 (由 Leonard McMillan 提供 ) 





图 14-16 水 滴 状 模型 ， 每 一 滴 都 由 多 个 3D 高 斯 密度 函数 之 和 的 等 值 线 定 义 [ Bli82a ， 
( 原 图 由 James Blinn@1982 ACM，Inc. 所 有 ， 获 准 转载 ) 





c) 
图 14-19 a) 一 个 附加 了 曲面 属性 的 点 集 。b) 按 当 前 分 辩 率 对 点 进行 绘制 时 留 下 的 空 
际 。c) 由 原始 点 集 的 抛 雪 球 插值 所 定义 的 曲面 | PZvBG00 ] (授权 : 计算 机 科 
学 Wang 讲座 教授 Hanspeter Pflister 提供 ，©2000ACM) 


0/4 = 0% 蓝 色 


2/4 = 50% 蓝 色 





4/4 = 100% 蓝 色 采 样 点 
图 14-27 在 低 分 辩 率 像素 网 格 上 的 理想 蓝 色 向 量 星星 形状 。 圆 点 代表 要 计算 覆盖 率 的 采样 点 





图 15-4 ”视线 方向 的 可 视 化 结果 





图 15-6 单个 三 角形 场景 ， 其 颜色 取 为 交点 的 重心 坐标 ,通过 这 种 可 视 化 来 调试 求 交代 码 





图 15-7 一 个 绿色 的 朗 伯 三 角形 





图 15-8 ”使 用 归 一 化 的 Blinn-Phong BSDF 绘制 的 三 角形 





图 15-9 绿色 三 角形 场景 中 添加 了 由 两 个 灰色 三 角形 构成 的 地 “平面 ” 。 同 时 引入 绿色 三 角形 的 背面 





图 15-10 由 四 个 三 角形 组 成 的 场景 ， 其 中 绿色 三 角形 是 双 面 的 ， 采 用 visible 困 数 生成 光 
线 投射 阴影 





图 15-11 绿色 三 角形 上 的 麻 点 。 产 生 这 种 瑕 竟 的 原因 是 由 于 阴影 探测 光线 交 于 当前 正在 着 
色 的 三 角形 的 背面 ， 本 质 上 属于 自身 阴影 
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文艺 复兴 以 来 ， 源 远 流 长 的 科学 精神 和 逐步 形成 的 学 术 规范 ， 使 西方 国家 在 自然 科学 
的 各 个 领域 取得 了 垄断 性 的 优势 ; 也 正 是 这 样 的 优势 ， 使 美国 在 信息 技术 发 展 的 六 十 多 年 
间 名 家 辈出 、 独 领 风骚 。 在 商业 化 的 进程 中 ， 美 国 的 产业 界 与 教育 界 越 来 越 紧 密 地 结合 ， 
计算 机 学 科 中 的 许多 泰山 北斗 同时 身 处 科研 和 教学 的 最 前 线 ， 由 此 而 产生 的 经 典 科学 车 
作 ,， 不 仅 辟 划 了 研究 的 范畴 ， 还 揭示 了 学 术 的 源 变 ， 既 遵循 学 术 规 范 ， 又 自 有 学 者 个 性 ， 
其 价值 并 不 会 因 年 月 的 流逝 而 减退 。 

近年 ， 在 全 球 信息 化 大 润 的 推动 下 ， 我 国 的 计算 机 产业 发 展 迅 猛 ， 对 专业 人 才 的 需求 
日 益 迫 切 。 这 对 计算 机 教育 界 和 出 版 界 都 既是 机 遇 ， 也 是 挑战 ;而 专业 教材 的 建设 在 教育 
战略 上 显得 举足轻重 。 在 我 国信 息 技 术 发 展 时 间 较 短 的 现状 下 ， 美 国 等 发 达 国 家 在 其 计算 
机 科学 发 展 的 几 十 年 间 积淀 和 发 展 的 经 典 教 材 仍 有 许多 值得 借鉴 之 处 。 因 此 ， 引 进 一 批 国 
外 优秀 计算 机 教材 将 对 我 国 计 算 机 教育 事业 的 发 展 起 到 积极 的 推动 作用 ， 也 是 与 世界 接 
轨 、 建 设 真 正 的 世界 一 流 大 学 的 必由之路 。 

机 械 工业 出 版 社 华章 公司 较 早 意识 到 “出 版 要 为 教育 服务 ”。 自 1998 年 开始 ， 我 们 就 将 
工作 重点 放 在 了 六 选 、 移 译 国 外 优秀 教材 上 。 经 过 多 年 的 不 懈 努 力 ， 我 们 与 Pearson、 
McGraw- Hill、Elsevier、MIT、John Wiley & Sons、Cengage 等 世界 著名 出 版 公司 建立 了 良好 
的 合作 关系 ， 从 它们 现 有 的 数 百 种 教材 中 最 选 出 Andrew S. Tanenbaum 、Bjarne Stroustrup、 
Brian W. Kernighan、 Dennis Ritchie、 Jim Gray、Afred V. Aho、 John E. Hopcroft、Jeff- 
rey D.Ullman、 Abraham Silberschatz、 William Stallings、 Donald E.Knuth、 John 
L. Hennessy、Larry L. Peterson 等 大 师 名 家 的 一 批 经 典 作 品 ， 以 “计算 机 科学 从 书 ” 为 总 
称 出 版 ， 供 读者 学 习 、 研 究 及 珍藏 。 大 理 石 纹理 的 封面 ， 也 正体 现 了 这 套 丛 书 的 品位 和 
格调 。 

“计算 机 科学 丛书 ”的 出 版 工作 得 到 了 国内 外 学 者 的 易 力 相助 ， 国 内 的 专家 不 仅 提 供 
了 中 肯 的 选 题 指导 ， 还 不 辞 劳苦 地 担任 了 翻译 和 审 校 的 工作 ;而 原 书 的 作者 也 相当 关注 其 
作品 在 中 国 的 传播 ， 有 的 还 专门 为 其 书 的 中 译本 作 序 。 迄 今 , “计算 机 科学 从 书 ” 已 经 出 版 
了 近 500 个 品种 ， 这 些 书籍 在 读者 中 树立 了 良好 的 口碑 ， 并 被 许多 高 校 采 用 为 正式 教材 和 参 
考 书籍 。 其 影印 版 “经 典 原版 书库 ”作为 姊妹 篇 也 被 越 来 越 多 实施 双语 教学 的 学 校 所 采用 。 

权威 的 作者 、 经 典 的 教材 、 一 流 的 译 者 、 严 格 的 审 校 、 精 细 的 编辑 ， 这 些 因素 使 我 们 
的 图 书 有 了 质量 的 保证 。 随 着 计算 机 科学 与 技术 专业 学 科 建 设 的 不 断 完善 和 教材 改革 的 逐 
渐 深 化 ， 教 育 界 对 国外 计算 机 教材 的 需求 和 应 用 都 将 步 人 一 个 新 的 阶段 ， 我 们 的 目标 是 尽 
善 尽 美 ， 而 反馈 的 意见 正 是 我 们 达到 这 一 终极 目标 的 重要 帮助 。 华 章 公 司 欢迎 老师 和 读者 
对 我 们 的 工作 提出 建议 或 给 予 指正 ， 我 们 的 联系 方法 如 下 : 


华章 网 站 : www. hzbook. com == 
电子 邮件 : hzjsj@hzbook. com = 
联系 电话 : (010)88379604 
联系 地 址 : 北京 市 西城 区 百 万 庄 南 街 1] 号 华章 教育 


邮政 编码 : 100037 华章 科技 图 书 出 版 中 心 


译 者 序 | 
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计算 机 图 形 是 信息 社会 的 重要 支撑 技术 之 一 。 在 众多 的 计算 机 图 形 学 教材 中 ，J. D. Foley 
等 人 编写 的 《Computer Graphics: Principles and Practice》 是 公认 的 经 典 教 材 。 早 在 1982 年 ， 
丁 D. Foley 就 和 A. van Dam 合作 出 版 了 《Fundamentals of Interactive Computer Graphics》， 
_ 1990 年 ， 他 们 继续 与 Steven K. Feiner 和 John F. Hughes 合作 ， 编 写 了 该 系列 教材 的 第 2 
版 。1995 年 ， 作 者 将 第 2 版 中 的 所 有 实例 和 算法 程序 从 Pascal 语言 改写 成 C 语言 。 我 国 
学 者 唐 泽 圣 、 董 士 海 等 将 该 版 教材 译 成 中 文 版 4 计算 机 图 形 学 原理 及 实践 : C 语言 描述 》。 
由 于 第 2 版 教材 概念 清晰 ， 倒 述 深 入 ， 注 重 实践 环节 和 能 力 培养 ， 因 此 被 广大 图 形 学 教师 
作为 教材 或 作为 必 备 的 教学 参考 书 ， 产 生 了 很 大 的 影响 。 

在 过 去 的 20 年 间 ， 图 形 学 取得 了 飞速 的 发 展 。 基 于 CPU 的 传统 图 形 流水 线 ( 又 称 为 
2D 显卡 ) 被 基于 GPU 的 3D 图 形 流水 线 所 取代 。 与 此 同时 ， 三 角形 网 格 表面 成 为 图 形 系统 
中 景物 表面 的 主要 表示 形式 。 计 算 机 图 形 学 与 数字 图 像 处 理 、 计 算 机 视觉 等 学 科 日 益 交 
又 ， 形 成 了 基于 图 像 的 绘制 、 增 强 现实 等 新 的 学 科 方 向 。 为 了 反映 图 形 学 的 新 发 展 ， 由 第 
2 版 4 位 作者 中 的 John F. Hughes 领衔 ,作者 增加 至 7 人 ， 于 2013 年 7 月 出 版 了 本 系列 教 
材 的 第 3 版 。 

新 版 教材 由 38 章 组 成 。 与 第 2 版 ( 共 21 章 ) 相 比 ， 新 版 从 内 容 到 形式 都 有 巨大 的 改 
变 。 第 一 ,传统 的 线 画 图 形 内 容 ， 包 括 直 线 和 圆 弧 的 生成 算法 、 线 裁剪 、 线 消 隐 、 基 于 
扫描 线 的 多 边 形 生 成 等 经 典 算法 已 不 再 是 计算 机 图 形 学 关注 的 重点 ， 因 此 不 再 列 为 本 书 
的 教学 内 容 。 第 二 ， 三 角形 网 格 面 由 于 便于 GPU 处 理 ， 因 而 成 为 图 形 学 研究 的 热点 。 
本 书 专 尽 章节 介绍 三 角形 网 格 面 的 表示 和 简化 、 多 层次 网 格 的 构建 和 传输 以 及 细 分 曲 
面 的 生成 。 第 三 ， 新 增 了 若干 图 像 处 理 的 内 容 ， 包 括 常用 的 图 像 格 式 、 图 像 信 号 的 采 
样 与 重建 、 图 像 的 自 适 应 缩放 等 。 第 四 ， 由 于 计算 机 图 形 学 是 一 门面 向 应 用 的 学 科 ， 
本 书 重 点 讲述 了 图 形 学 中 各 种 常用 的 近似 模型 及 其 表示 方法 、 基 于 CPU 的 图 形 流 水 
线 的 组 成 以 及 各 种 实用 的 实时 3D 图 形 平台 。 由 于 新 版 教材 内 容 丰 富 ， 为 了 便于 安排 
教学 ， 我 们 将 中 文 版 划分 为 基础 篇 和 进 阶 篇 两 册 出 版 。 其 中 基础 篇 为 原 书 的 第 1 一 16 
章 ， 内 容 覆 盖 了 基本 的 图 形 学 概念 、 主 要 的 图 形 生 成 算法 、 简 单 的 场景 建 模 方 法 、 
2D 和 3D 图 形变 换 、 实 时 3D 图 形 平台 等 。 进 阶 篇 则 讲述 与 图 形 生成 相关 的 图 像 处理 
技术 、 复 杂 形 状 的 建 模 技 术 、 表 面 真 实感 绘制 、 表 意 式 绘制 、 计 算 机 动画 、 现 代 图 形 
硬件 等 。 

翻译 如 此 一 本 经 典 教材 无 疑 是 一 件 极 为 艰巨 的 任务 ， 尽 管 我 们 有 翻译 D. F. Rogers 的 
《Procedural Elements of Computer Graphics》 第 1、2 版 的 经 验 ， 但 面 对 这 本 久负盛名 的 教 
材 ， 我 们 仍 感到 压力 巨大 。 在 翻译 中 ， 我 们 采取 了 分 工 合作 的 方法 。 参 加 基础 篇 各 章 初稿 
翻译 的 有 浙江 大 学 CAD&.CG 国家 重点 实验 室 冯 结 青 、 陈 为 ， 浙 江 师 范 大 学 苗 兰 芳 ， 武 汉 
大 学 肖 春 起 等 。 浙 江 大 学 彭 群 生 翻译 了 前 言 并 对 第 1、5、7、8、9 章 的 翻译 初稿 进行 了 审 
核 和 修改 。 浙 江 师 范 大 学 苗 兰 芳 (第 2、10、11、12、13 章 )， 浙 江 大 学 刘 新 国 (第 3、4、6 


章 )、 吴 鸿 智 ( 第 15、16 章 ) 、 廖 子 承 ( 第 15 章 )， 杭 州 电子 科大 学 吴 向 阳 ( 第 14 章 ) 参 加 了 
对 所 列 各 章 翻译 初稿 的 审核 和 修改 。 浙 江 工 业 大 学 陈 佳 舟 对 插图 中 的 文字 进行 了 翻译 。 全 


书 最 后 由 芯 群 生 逐 章 仔 细 校 对 ， 修 改定 稿 。 
由 于 译 者 的 水 平和 学 识 有 限 ， 译 文中 翻译 不 当 之 处 在 所 难免 ， 奶 请 读者 批评 指正 。 


译 者 
2018 年 10 月 
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前 言 | 
Computer Graphics: Principles and Practice, Third Edition 
本 书面 向 学 生 、 研 究 人 员 和 从 业 人 员 ， 介 绍 计算 机 图 形 学 的 许多 重要 概念 和 思想 。 其 


中 一 些 概念 读者 并 不 陌生 ， 它 们 早已 出 现在 广 为 流 行 的 学 术 出 版 物 、 技 术 报告 、 教 科 书 和 
行业 报刊 中 。 在 某 个 概念 出 现 一 段 时 间 后 再 将 其 写 和 人 教科书 的 好 处 是 ， 人 们 可 以 更 充分 地 
理解 它 的 长 远 影响 并 将 其 置 于 一 个 更 大 的 背景 中 予以 领悟 。 本 书 将 尽 可 能 详细 地 介绍 这 些 
概念 (当然 也 略 过 了 一 些 曾经 火热 但 现在 已 不 再 重要 的 概念 ) ， 并 以 一 种 清晰 、 流 畅 的 风格 
将 它们 呈现 给 初学 者 。 

本 书 属于 第 二 代 图 形 学 教科 书 : 我 们 并 不 将 之 前 的 所 有 工作 全 部 认定 为 天 然 合 理 的 ， 
而 是 按 今天 的 理解 重新 审视 它们 ， 进 而 更 新 其 原 有 的 陈述 方式 。 

甚至 一 些 最 基本 的 问题 也 可 能 变 得 非常 棘手 。 举 例 来 说 ， 假 如 要 设计 一 个 适用 于 低 光 
照 环 境 ( 如 电影 院 的 暗 环境 ) 的 程序 。 显 然 ， 我 们 不 能 采用 亮 屏 幕 显 示 器 ， 这 意味 着 在 显示 
程序 中 采用 亮度 对 比 来 区 分 环境 中 的 不 同 对 象 不 再 适宜 。 也 许可 以 改 用 彩色 显示 , 但 遗憾 
的 是 ， 在 低 光照 环境 中 人 们 对 颜色 的 感知 同样 有 所 降低 ， 某 些 颜 色 的 文字 要 比 其 他 颜色 更 
易 读 。 在 这 种 情况 下 ， 光 标 是 否 仍 容易 被 用 户 看 到 呢 ? 一 种 简单 的 应 对 方式 是 利用 人 有 眼 对 
运动 的 感知 能 力 ， 让 光标 持续 抖动 。 于 是 ， 一 个 看 似 简 单 的 问题 最 后 涉及 交互 界面 设计 、 
颜色 理论 以 及 人 类 感知 等 领域 。 

尽管 上 述 例子 很 简单 ， 但 仍 隐 含 了 某 些 假设 : 采用 图 形 方 式 输出 (而 不 是 通过 触觉 
封闭 良好 的 耳机 来 输出 ); 显示 设备 既 非 常规 的 影院 屏幕 ， 也 不 是 头盔 显示 器 。 其 中 也 包 
含 了 7 一些 显 式 的 假设 ,例如 采用 光标 (也 有 一 些 用 户 界面 不 使 用 光标 )。 上 述 每 一 种 假设 都 
是 对 用 户 界面 的 一 种 选择 。 

遗憾 的 是 ， 这 种 多 方面 内 容 相 互 交织 的 关系 使 得 我 们 不 可 能 完全 按照 某 种 顺序 来 讲述 
各 主题 ， 而 且 还 能 很 好 地 介绍 它们 的 研究 动因 和 背景 ， 也 就 是 说 ， 这 些 主题 无 法 以 线性 方 
式 展 开 。 也 许 ， 我 们 可 以 先 介 绍 它们 涉及 的 所 有 相关 的 数学 、 感 知 理论 或 其 他 内 容 ， 总 
之 ， 将 较为 抽象 的 内 容 和 主题 放 在 前 面 介 绍 ， 然 后 再 介绍 图 形 学 应 用 。 尽 管 这 种 内 容 组 织 
方式 可 能 便于 参考 (读者 很 容易 找到 讲述 一 般 化 向 量 又 积 的 有 关 童 节 )， 但 对 一 本 教科 书 而 
言 ， 其 效果 并 不 好 ， 原 因 是 那些 涉及 主题 研究 动因 的 应 用 都 要 等 到 书 的 最 后 才 会 介绍 。 男 
一 种 展开 方式 是 采取 案例 研究 的 思路 ， 分 别 介绍 各 种 不 同 的 任务 (难度 不 断 增 大 )， 然 后 根 
据 问题 的 需要 讲述 相关 内 容 。 在 某 些 情况 下 ， 这 确实 是 一 种 自然 的 内 容 演绎 方式 ， 但 难以 
对 各 主题 做 出 整体 性 、 结 构 化 的 呈现 。 本 书 是 这 两 种 方式 的 折 中 : 开始 部 分 介绍 了 广泛 使 
用 的 数学 知识 和 常规 的 符号 标记 方式 ， 然 后 逐个 主题 展开 内 容 ， 根 据 需 要 补充 介绍 必要 的 
数学 工具 。 熟 悉数 学 的 读者 完全 可 以 跳 过 开始 部 分 而 不 致 错过 任何 图 形 学 知识 。 其 他 人 则 
可 从 这 些 章节 中 获 益 良 多 。 教 师 授 课时 可 根据 需要 对 其 进行 取舍 。 基 于 主题 的 章节 安排 方 
式 可 能 会 导致 内 容 上 的 重复 。 例 如 ， 本 书 从 不 同 的 细节 层次 对 图 形 流 水 线 进 行 了 多 次 讨 
论 。 与 其 让 读者 回头 参考 之 前 的 章节 ， 有 时 我 们 会 再 次 陈述 部 分 内 容 ， 使 对 该 问题 的 讨论 
更 为 流畅 。 毕 竟 让 读者 返回 500 页 之 前 去 查看 一 幅 图 并 非 令 人 剧 意 的 事 。 

对 本 教材 的 作者 来 说 ， 另 一 个 挑战 是 选材 的 广度 。 本 书 的 第 1 版 确实 覆盖 了 当时 图 形 
学 出 版 物 中 的 大 部 分 内 容 ， 第 2 版 至 少 也 约略 提 到 了 其 中 大 部 分 的 研究 工作 。 本 版 教材 不 
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再 追求 内 容 的 覆盖 度 ， 理 由 很 简单 : 当 本 书 第 2 版 出 版 时 ， 我 们 一 只 手 就 能 拿 起 SIG- 
GRAPH 会 议 的 全 部 论文 集 ( 这 些 论 文 几乎 包含 了 图 形 学 领域 的 代表 性 工作 ); 如今 ，SIG- 
GRAPH 会 议 的 全 部 论文 集 ( 仅 仅 是 许多 图 形 学 出 版 物 中 的 一 种 ) 友 在 一 起 高 达 数 米 。 即 使 
是 电子 版 的 教材 也 无 法 将 全 部 内 容 塞 进 1000 页 中 。 本 书 这 一 版 则 在 为 读者 指明 在 哪里 可 
以 找到 和 复制 当今 的 大 部 分 SIGGRAPH 论文 。 下 面 是 几 点 说 明 : 

e 第 一 ， 计 算 机 图 形 学 与 计算 机 视觉 的 交叉 面 越 来 越 大 ， 但 这 并 不 能 构成 让 我 们 将 本 

书写 成 计算 机 视觉 教材 的 理由 ， 尽 管 一 些 有 该 领域 丰富 知识 的 人 已 经 这 样 做 了 。 
第 二 ， 计 算 机 图 形 学 涉及 编程 ， 尽 管 许多 图 形 学 应 用 题目 很 大 ， 但 本 书 并 没有 试图 
讲授 编程 和 软件 工程 。 当 然 ， 在 书 中 我 们 也 会 简要 讨论 一 些 专门 针对 图 形 学 的 编程 
方法 (尤其 是 排 错 ) 。 
第 三 ， 许多 图 形 学 应 用 都 提供 了 用 户 界 面 。 在 编写 本 书 时 ， 大 多 数 界 面 均 基于 
Windows 操作 系统 ， 采 用 菜单 和 鼠标 进行 交互 。 不 过 基于 触觉 的 交互 界面 正 变 得 
越 来 越 常见 。 交 互 界面 的 研究 曾经 是 图 形 学 的 一 部 分 , 但 如 今 已 成 为 一 个 独立 的 领 
域 (尽管 它 仍 和 图 形 学 有 很 大 的 交叉 ) 。 我 们 假定 读者 在 编写 含 用 户 界 面 的 程序 方面 
已 具备 了 一 些 经 验 ， 因 此 本 书 将 不 再 对 它们 做 深入 讨论 (除了 其 实现 过 程 与 图 形 学 
密切 关联 的 3D 界面 外 ) 。 

考 庸 置疑， 图形 学 领域 的 研究 论文 区 别 很 大 : 有 些 涉及 很 多 的 数学 表述 ; 有 些 介绍 的 
是 一 个 大 规模 的 系统 ， 涉 及 各 种 复杂 的 工程 因素 的 权衡 ; 还 有 些 涉 及 物理 学 、 色 彩 理论 、 
地 形 学 、 摄 影 学 、 化 学 、 动 物 学 等 各 个 学 科 的 知识 。 我 们 的 目标 是 让 读者 领会 这 些 论文 中 
的 图 形 学 贡献 ， 而 其 他 的 相关 知识 则 需要 读者 在 课外 自行 学 习 。 


历史 上 的 方法 

在 历史 上 ， 图 形 学 大 多 为 一 些 面向 当时 急需 解决 的 问题 的 专门 方法 。 这 么 说 并 非 对 那 
些 曾 经 使 用 这 些 方法 的 人 有 所 不 敬 ， 他 们 手头 有 任务 ， 必 须 想 办 法 完成 。 其 中 一 些 解决 方 
法 中 包含 了 重要 的 思想 ， 而 其 他 时 候 这些 解 决 方法 不 过 是 让 任务 得 以 完成 的 途径 。 但 这 些 
方法 无 疑 对 后 面 图 形 学 的 发 展 产 生 了 影响 。 举 例 来 说 ， 大 多 数 图 形 系统 中 采用 的 图 像 合 成 
模型 均 假定 图 像 中 存储 的 颜色 可 以 线性 方式 融合 。 但 实践 中 ， 图像 中 存储 的 颜色 值 与 其 显 
示 的 光亮 度 之 间 却 呈 非 线性 关系 ， 因 此 颜色 的 线性 组 合并 不 对 应 光亮 度 的 线性 组 合 。 两 者 
之 间 的 差别 一 直到 摄影 工作 室 试图 将 现实 场景 的 照片 与 计算 机 生成 的 图 像 合 成 时 才 为 人 们 
所 注意 ， 即 上 述 图 像 合成 方式 并 不 能 生成 正确 的 结果 。 此 外 ， 尽 管 一 些 早期 方法 描述 十 分 
原则 化 ， 但 其 关联 的 程序 却 对 实现 的 硬件 做 了 一 些 假设 ， 几 年 后 ， 这 些 假 设 不 再 适用 ， 当 
读者 看 到 这 些 实现 细节 时 会 说 :“ 这 不 是 过 时 的 东西 吗 ， 与 我 们 毫 不 相关 啊 !” 于 是 ， 就 忽 
略 了 这 些 研究 工作 中 某 些 仍旧 重要 的 思想 。 更 多 的 时 候 ， 研 究 人 员 只 是 在 重新 利用 其 他 学 
科 运 用 多 年 的 那些 概念 和 方法 。 

因此 ， 我 们 不 打算 按照 图 形 学 发 展 的 年 代 顺 序 来 讲述 。 正 如 物理 学 教程 并 不 从 亚 里 士 
多 德 的 动力 学 讲 起 ， 而 是 直接 介绍 牛顿 动力 学 (更 好 的 是 一 开始 就 讲述 牛顿 动力 学 系统 的 
局 限 性 ， 将 平台 搭建 在 量子 力学 的 基础 上 )， 我 们 将 直接 从 对 相关 问题 的 最 新 理解 人 手 ， 
当然 也 会 介绍 与 之 相关 的 各 种 传统 研究 思路 。 同 时 ， 我 们 还 会 指出 这 些 思路 的 源头 (可 能 
不 为 大 家 所 熟悉 )， 例 如 ， 关 于 3D 多 边 形 法 向 量 的 Newell 公式 即 19 世纪 初期 的 Grass- 
mann 公式 。 我 们 希望 ， 指 出 这 些 参考 源头 能 增加 读者 对 许多 早已 开发 并 有 望 应 用 于 图 形 
学 的 方法 的 了 解 。 


VIII 


教学 方法 

日 常生 活 中 图 形 学 最 令 人 瞩目 的 应 用 是 视频 游戏 中 的 3D 形象 以 及 娱乐 行业 和 广告 中 
的 特效 。 然 而 ,我们 每 天 在 家 庭 电脑 和 手机 中 的 交互 也 都 离 不 开 计算 机 图 形 学 。 这 些 界面 
之 所 以 不 那么 显眼 也 许 是 由 于 它们 太 成 功 : 其 实 ， 最 好 的 界面 是 你 完全 忘记 了 它 的 存在 。 
虽然 “2D 图 形 学 要 比 3D 图 形 学 简单 ”这 句 话 听 上 去 很 诱 人 ， 但 是 3D 图 形 学 不 过 是 它 的 
一 个 稍 复杂 的 版 本 而 已 。2D 图 形 学 中 的 许多 问题 ， 诸 如 在 方形 发 光 单 元 (像素 ) 组 成 的 屏 
幕 上 如 何 最 佳 地 显示 一 幅 图 像 ， 或 者 如 何 构建 高 效 且 功能 强大 的 界面 等 ， 都 和 在 绘制 3D 
场景 图 像 时 遇 到 的 问题 一 样 困难 。 而 2D 图 形 学 中 通常 采用 的 简单 模型 在 怎样 最 佳 地 表示 
颜色 和 形状 等 方面 也 可 能 对 学 生 造 成 误导 。 因 此 ,我 们 将 2D 和 3D 图 形 学 的 讲述 交织 在 
一 起 ， 分 析 和 讨论 两 者 共同 的 敏感 问题 。 

本 书 设置 “ 黑 盒 ”的 层次 与 众 不同 。 几 乎 每 一 本 计算 机 科学 的 书 都 需要 选择 一 个 合 关 
的 层次 来 讲述 计算 机 的 有 关内 容 ， 该 层次 应 便于 读者 理解 和 掌握 。 在 图 形 学 教科 书 中 ,我 
们 同样 需要 选择 一 个 读者 将 会 遇 到 的 图 形 学 系统 。 也 许 ， 在 输入 某 些 指令 后 ， 计 算 机 的 硬 
件 和 软件 就 能 在 屏幕 上 生成 一 个 彩色 三 角形 。 但 这 一 切 是 怎样 发 生 的 ? 其 中 的 细节 与 图 形 
学 的 大 部 分 内 容 并 无 关联 。 举 例 来 说 ， 假 如 你 让 图 形 系统 绘制 一 个 位 于 屏幕 可 显示 区 域 下 
方 的 红色 三 角形 ， 将 会 发 生 什么 ”是 先 确定 那些 应 置 为 红色 的 像素 的 位 置 然后 因 其 不 在 屏 
幕 显 示 区 域内 而 将 其 抛弃 ?还 是 图 形 系统 尚未 开始 计算 任何 像素 值 之 前 因 发 现 该 三 角形 位 
于 屏幕 之 外 而 终止 后 面 的 过 程 ? 从 某 种 意义 上 说 ， 除 非 你 正在 设计 一 块 图 形 卡 ， 和 否则 上 述 
问题 并 不 那么 重要 ， 它 并 非 一 个 图 形 系统 用 户 所 能 控制 的 。 因 此 ， 我 们 假定 图 形 系统 能 够 
显示 像素 的 值 ， 或 画 出 三 角形 和 直线 ， 而 不 考虑 该 过 程 是 怎样 实现 的 。 有 具体 实现 的 细节 将 
在 光栅 化 和 图 形 人 硬件 的 相关 章节 中 介绍 ， 但 因 其 大 都 超出 了 我 们 的 控制 范围 ， 诸 如 裁剪 、 
直线 反 走 样 、 光 栅 化 算法 等 内 容 均 将 推迟 到 其 后 面 章节 了 予以 介绍 。 

本 书 教学 方法 的 男 一 点 是 试图 展示 相关 的 思想 和 技术 是 怎样 浮现 出 来 的 。 这 样 做 无 疑 
会 增长 篇 幅 ， 但 我 们 希望 会 有 所 帮助 。 当 学 生 需 要 独立 推导 自己 的 算法 时 ， 他 们 遇 到 过 的 
研究 案例 可 能 会 为 当前 问题 提供 解决 思路 。 

我 们 相信 ， 学 习 图 形 学 最 好 的 途径 是 先 学 习 其 背后 的 数学 。 与 直接 跨 入 图 形 学 应 用 相 
比 ， 先 学 习 较 为 抽象 的 数学 确实 会 延长 你 开始 学 习 最 初 的 几 个 图 形 算法 所 需 的 时 间 ， 但 这 
个 代价 是 一 次 性 的 。 等 你 学 习 到 第 10 个 算法 时 ， 先 前 的 投入 将 会 完全 得 到 补偿 ， 因 为 你 
会 发 现 新 的 方法 组 合 了 之 前 已 经 学 过 的 许多 内 容 。 

当然 ， 阅 读本 书 表 明 你 有 兴趣 编写 一 个 绘图 程序 。 因 此 ， 本 书 一 开始 就 引入 多 个 题目 
并 直接 给 出 解决 方案 ， 然 后 再 回 过 头 仔细 讨论 更 广泛 的 数学 背景 。 书 中 大 部 分 篇 幅 都 集中 
于 其 后 面 的 处 理 上 。 在 打下 必要 的 数学 基础 后 ， 我 们 将 结束 上 述 题目 ， 延 伸 到 其 他 的 相关 
问题 并 给 出 求解 思路 。 由 于 本 书 聚 焦 于 基础 性 的 原则 ， 因 此 并 未 提供 这 些 方法 的 实现 细 
节 。 一 且 读 者 领会 了 基础 原则 ， 每 一 个 求解 思路 的 具体 算法 就 会 了 然 于 胸 ， 并 将 具有 足够 
的 知识 来 阅读 和 理解 其 原始 参考 文献 中 给 出 的 论述 ， 而 不 是 基于 我 们 的 转述 。 我 们 能 做 的 
是 采用 更 为 现代 化 的 形式 来 介绍 那些 早期 的 算法 ， 当 读者 回头 阅读 原始 文献 时 ， 能 比较 容 
易 理 解 文献 中 词汇 的 含义 及 其 表达 方式 。 


编程 实践 : 
图 形 学 是 一 门 需要 自己 动手 实践 的 学 科 。 由 于 图 形 产 业 为 观众 提供 的 是 视觉 类 信息 以 


及 相关 的 交互 手段 ,图形 工 具 也 经 常用 来 为 新 开发 的 图 形 算法 排 错 。 但 这 样 做 需 具 备 编写 
图 形 程序 的 能 力 。 如 今 已 有 许多 不 同 的 方法 可 在 计算 机 上 生成 图 像 ， 对 本 书 中 介绍 的 大 部 
分 算法 而 言 ， 每 一 种 方法 都 有 其 优点 。 尽 管 将 一 种 编程 语言 和 库 转 化 为 男 一 种 编程 语言 和 
库 已 成 为 常规 ， 但 从 教学 的 角度 ， 最 好 是 采用 单一 编程 语言 以 便 学 生 可 以 聚焦 于 算法 的 更 
深层 面 。 对 本 书 提 供 的 所 有 练习 ， 我 们 建议 使 用 WPF(Windows Presentation Foundation， 
一 种 广泛 使 用 的 图 形 系统 ) 完 成 。 为 此 ， 我 们 编写 了 一 段 基本 且 易 于 修改 的 程序 ( 称 为 test 
bed) 以 便 学 生 使 用 。 对 于 一 些 不 适 于 采用 WPF 的 情形 ， 我 们 通常 采用 G3D( 一 个 公共 的 
图 形 库 ， 由 本 书 的 一 位 作者 维护 )。 大 多 数 情况 下 ， 我 们 使 用 伪 人 代码， 因为 它 提供 了 一 种 
简洁 的 算法 表述 方式 ， 而 且 ， 绝 大 多 数 算法 的 实际 代码 ( 按 你 所 选 语言 编制 ) 均 可 从 网 上 下 
载 ， 因 此 将 其 编 和 人 书 中 并 无 意义 。 注 意 代 码 形成 过 程 中 的 变化 ， 在 有 些 情形 中 ， 它 的 最 初 
版 本 只 是 一 个 非 正式 的 框架 ， 然 后 逐步 发 展 成 采用 某 种 语言 编写 的 接近 于 完成 的 程序 ， 因 
此 对 其 之 前 的 版 本 进行 语法 检查 并 无 意义 ， 可 以 免 去 。 有 了 时， 我 们 希望 代码 能 反映 出 数学 
的 推导 过 程 ， 故 会 采用 诸如 za 之 类 的 变量 名 ， 这 使 得 其 看 上 去 如 同 数 学 表达 式 。 总 的 来 
说 ， 伪 代码 并 非 正 式 编程 语言 ， 我 们 用 它 来 表达 宏观 的 思路 而 非 算 法 的 细节 。 

本 书 并 非 一 本 讨论 如 何 编写 图 形 程序 的 书 ， 也 不 讨论 应 用 图 形 程序 中 的 细节 。 例 如 ， 
读者 无 法 从 本 书 中 找到 有 关 Adobe 最 新 图 像 编辑 软件 存储 图 像 最 好 方式 的 任何 提示 。 但 只 
要 读者 领会 了 书 中 的 概念 并 具备 足够 的 编程 能 力 ， 就 一 定 能 编写 图 形 程序 ， 并 知道 如 何 应 


原则 


在 本 书 中 ， 我 们 列 出 了 一 些 计 算 机 图 形 学 的 原则 ， 和 希望 对 读者 未 来 的 工作 有 所 帮助 。 
也 收入 了 一 些 有 关 图形 学 实践 的 章节 ， 如 怎样 运用 当今 的 硬件 来 逼近 理想 解 ， 或 者 更 快速 
地 计算 出 实际 解 。 虽 然 这 些 实现 方法 是 面向 当今 硬件 的 ， 但 对 未 来 也 有 价值 。 也 许 十 年 后 
不 能 直接 照搬 这 些 实现 方法 ,但 其 中 蕴含 的 算法 在 多 年 内 仍 有 意义 。 


预备 知识 

本 书 大 部 分 内 容 所 需 的 预备 知识 并 未 超出 有 一 定 实际 能 力 的 理工 类 在 校生 现 有 知识 的 
范围 ， 如 : 编写 面向 对 象 程 序 的 能 力 ; 掌握 微 积 分 工具 ; 对 向 量 有 所 了 解 (可 能 是 从 数学 、 
物理 学 甚至 是 计算 机 科学 的 课程 中 学 到 的 ); 至 少 遇 到 过 线性 变换 等 。 我 们 也 和 希望 学 生 编 
写 过 一 两 个 含有 2D 图 形 对 象 (如 按钮 、 复 选 框 、 图 标 等 ) 的 程序 。 

本 书 一 部 分 内 容 会 涉及 更 多 的 数学 知识 ， 但 在 有 限 的 篇 幅 内 讲授 这 些 知识 是 不 现实 
的 。 一 般 而 言 ， 这 些 稍 显 复杂 的 数学 知识 将 被 精心 安排 于 少数 章节 内 ， 而 这 些 章节 更 适合 
作为 研究 生 的 课程 。 它 们 和 某 些 涉及 一 定 深度 数学 知识 的 练习 均 注 有 “数学 延伸 ”( 令 ) 标 
记 。 同 样 ， 涉 及 计算 机 科学 中 较 深 概念 的 内 容 注 有 “计算 机 科学 延伸 ”( 爹 ) 标 记 。 

书 中 某 些 数学 表述 可 能 令 那些 曾 在 其 他 地 方 接触 过 向 量 的 人 感到 困惑 。 本 书 的 第 一 作 
者 是 一 位 数学 博士 ， 当 第 一 次 看 到 图 形 学 研究 论文 中 涉及 数学 问题 的 表述 时 ， 他 也 同样 感 
到 奇怪 。 本 书 试图 清晰 和 彻底 地 解释 它们 与 标准 的 数学 表述 之 间 的 不 同 之 处 。 


讲授 本 书 的 方式 


本 书 可 作为 一 个 学 期 或 一 个 学 年 的 本 科 生 课程 的 教科 书 ， 或 者 作为 研究 生 课程 的 参考 
书 。 作 为 本 科 生 的 教学 用 书 时 ， 其 中 较 深 的 数学 内 容 ( 如 仿 重 心 坐标 标 架 、 流 形 网 格 、 球 


面 调 和 函数 等 ) 可 以 略 去 ， 而 集中 于 几何 模型 的 建 模 与 显示 ， 各 种 变换 的 数学 原理 ， 相 机 
的 数学 描述 ， 以 及 标准 的 光照 、 颜 色 、 反 射 率 模型 及 其 局 限 性 等 基础 问题 上 。 也 应 介绍 一 
些 基 本 的 图 形 学 应 用 和 用 户 界 面 ， 讨 论 在 设计 中 如 何 对 各 种 因素 进行 权衡 和 折 中 以 使 其 更 
有 效率 ， 也 许 最 后 再 介绍 几 个 特殊 的 主题 ， 如 怎样 创建 一 段 简单 的 动画 、 编 写 一 个 基础 的 
光线 跟踪 程序 等 。 上 述 内 容 对 一 学 期 的 课程 而 言 可 能 太 多 ， 即 使 是 一 学 年 的 课程 ， 也 不 可 
能 覆盖 书 中 的 每 一 节 ， 未 讲授 的 内 容 可 供 有 兴趣 的 学 生 课 后 学 习 。 

安排 较 满 的 一 学 期 课程 (14 周 ) 可 讲授 下 述 内 容 : 

1. 绪论 和 一 个 简单 的 2D 程序 : 第 1、2、3 章 。 

2. 对 绘制 中 几何 问题 的 介绍 ， 进 一 步 的 2D 和 3D 程序 : 第 3、4 章 。 视 觉 感知 和 人 类 
的 视觉 系统 : 第 5 章 。 

3. 2D 和 3D 几何 建 模 一 一 网 格 、 样 条 、 隐 水 数 模 型 .7.1~7.9 节 , 第 8、9 章 ，22.1~ 
22. 和 4 节 ; 23,1~23.3 节 ，24. 1 一 24.5 节 。 

4. 图 像 ， 第 一 部 分 : 第 17 章 、18. 1 一 18. 11 节 。 

5. 图 像 ， 第 二 部 分 : 18.12 一 18.20 节 、 第 19 章 。 

6 5 和 和 变换 ，1i0, 1 一 10.12 节 、11.1~11.3 节 、 第 12 意 ， 

7. 取景 、 相 机 以 及 post-homogeneous 插值 : 13.1 一 13.7 节 、15. 6.4 节 。 

8. 图 形 学 中 的 标准 近似 : 第 14 章 、 某 些 相关 的 章节 。 

9. 光栅 化 与 光线 投射 : 第 15 章 。 

10. 光照 与 反射 : 26.1 一 26.7 节 (26. 5 节 或 可 不 选 ) 、26. 10 节 。 

11. 颜色 : 28.1 一 28.12 节 。 

12. 基本 反射 模型 ， 光 能 传输 ， 27. 1 一 27.5 节 、29. 1 一 29.2 节 、29.6 节 、29.8 节 。 

13. 递归 光线 跟踪 细节 ， 纹理，24.9 节 、31.16 节 、20. 1 一 20.6 节 。 

14. 可 见面 判定 和 面向 加 速 的 数据 结构 ， 更 前 沿 的 图 形 绘制 技术 : 第 31、36、37 章 中 
的 相关 节 。 

不 过 ， 并 非 上 面 提 到 的 每 一 节 中 的 所 有 内 容 都 适合 于 初学 者 。 

另外 ， 也 可 参考 作为 本 科 生 基于 物理 的 绘制 课 (12 周 课程 ) 的 教学 大 纲 。 该 课程 按 离 


线 绘制 到 实时 绘制 的 原则 安排 授课 内 容 。 可 深入 到 其 中 的 核心 数学 和 光线 跟踪 背后 的 辐射 
度 学 ， 然 后 回 过 头 来 再 介绍 计算 机 科学 中 提升 算法 可 扩展 性 和 性 能 的 有 关 方 法 。 

1. 绪论 : 第 1 章 。 

2. 光照 : 第 26 章 。 

3. 感知 ， 光 能 传输 : 第 5、29 章 。 

4. 网 格 和 场景 图 简介 : 6.6 节 、14. 1 一 14.5 节 。 

5. 变换 : 第 10、13 章 ( 简 要 介绍 ) 。 

6. 光线 投射 : 15. 1 一 15.4 节 、7. 6 一 7.9 节 。 

7. 面向 加 速 的 数据 结构 : 第 37 章 、36. 1 一 36. 3 节 、36.5~36.6 节 、36.9 节 。 

8. 绘制 理论 : 第 30、31 章 。 

9. 绘制 实践 : 第 32 章 。 


10. 颜色 和 材质 : 14. 6~14.11 节 ， 第 27、28 章 。 

11. 光栅 化 : 15. 5 一 15. 9 节 。 

12. 着 色 器 和 硬件 : 16. 3 一 16.5 节 ,第 33、38 章 。 

注意 上 述 授课 内 容 并 非 按 各 章 顺序 排列 。 在 编著 本 书 时 ， 我 们 试图 让 大 多 数 章 的 内 容 


XI 


独立 成 篇 ， 彼 此 交叉 引用 而 不 互 为 必需 的 预备 知识 ， 以 支持 这 种 授课 思路 。 


与 之 前 版 本 的 差异 

尽管 本 版 教材 包含 了 之 前 版 本 中 的 大 部 分 主题 ， 但 其 内 容 几 乎 是 全 新 的 。 随 着 GPU 
的 出 现 ， 三 角形 的 光栅 化 (转换 为 像素 或 采样 ) 已 采用 完全 不 同 的 方法 而 非 传 统 的 扫描 转换 
算法 ， 对 传统 的 算法 本 书 将 不 再 介绍 。 在 讲述 光照 模型 时 ， 将 更 偏重 测量 所 用 的 物理 单 
位 ， 这 无 疑 增加 了 讨论 的 复杂 性 ， 而 传统 模型 并 未 涉及 各 物理 量 的 单位 。 此 外 ， 之 前 版 本 
分 别 准备 了 2D 和 3D 两 个 图 形 学 平台 ， 而 本 书 采 用 现在 广泛 使 用 的 系统 ， 并 提供 了 有 助 
于 学 生起 步 的 工具 。 


网 址 


在 本 书 中 常 可 看 到 本 书 的 网 址 http://cgpp. net， 其 中 不 仅 包含 测试 程序 和 实现 的 实 
例 ， 而 且 包 含 许 多 章节 的 附加 参考 材料 以 及 第 2、6 章 中 的 WPF 交互 实验 。 


致谢 

本 书 虽 系 作 者 编著 ， 但 因 包含 了 众多 人 的 贡献 而 大 为 增色 。 

本 书 受到 Microsoft 公司 的 支持 和 鼓励 ， 感谢 Eric Rudder 和 S. Somasegar 在 本 项 目 
启动 和 结束 时 给 予 的 帮助 。 

3D 测试 程序 最 初 源 于 Dan Leventhal 编写 的 代码 ，kindohm. com 的 Mike Hodnick 怀 
慨 提供 他 的 代码 作为 早期 版 本 开发 的 起 点 ， 感 谢 Jordan Parker 和 Anthony Hodsdon 在 
WPF 系统 方面 的 帮助 。 

Williams 学 院 的 两 名 学 生 为 本 书 出 版 付出 了 很 大 努力 。 其 中 Guedis Cardenas 协助 整 
理 了 全 书 的 参考 文献 ，Michael Mara 则 协助 开发 了 在 本 书 多 章 中 均 有 应 用 的 G3D Innova- 
tion Engine。 电 子 艺术 系 的 Corey Taylor 对 开发 G3D 软件 提供 了 帮助 。 

CMU 的 Nancy Pollard、Pittsburgh 大 学 的 Liz Marai 在 他 们 的 图 形 学 课程 中 曾 讲授 过 
本 书 部 分 章节 的 早期 版 本 ， 并 向 我 们 提供 了 有 价值 的 反馈 意见 。 

Jims Arvo 不 仅 是 本 书 中 有 关 绘 制 的 一 切 问题 的 总 指导 ， 而 且 还 重 塑 了 本 书 第 一 作者 
对 图 形 学 的 理解 。 

除了 以 上 提 到 的 ， 还 有 许多 人 阅读 过 各 章 的 初稿 、 提 供 了 图 像 或 插图 、 对 主题 或 其 讲 
述 方式 提出 建议 或 通过 其 他 方式 提供 帮助 ， 他 们 是 ( 按 字母 顺序 ): John Anderson，Jim 
Arvo, Tom Banchoff，Pascal Barla, Connelly Barnes, Brian Barsky, Ronen Barzel, Melis- 
sa Byun, Marie-Paule Cani, Lauren Clarke, Elaine Cohen, Doug DeCarlo, Patrick Doran, 
Kayvon Fatahalian, Adam Finkelstein, Travis Fischer, Roger Fong, Mike Fredrickson, 
Yudi Fu, Andrew Glassner, Bernie Gordon, Don Greenberg, Pat Hanrahan, Ben Herila， 
Alex Hills, Ken Joy, Olga Karpenko, Donnie Kendall, Justin Kim, Philip Klein, Joe 
LaViola, Kefei Lei, Nong Li, Lisa Manekofsky, Bill Mark, John Montrym, Henry More- 
ton, Tomer Moscovich, Jacopo Pantaleoni, Jill Pipher, Charles Poynton, Rich Riesenfeld, 
Alyn Rockwood, Peter Schroeder, Francois Sillion, David Simons, Alvy Ray Smith, Ste- 
phen Spencer, Erik Sudderth, Joelle Thollot, Ken Torrance, Jim Valles, Daniel Wigdor, 
Dan Wilk, Brian Wyvill 和 Silvia Zuffi。 尽 管 我 们 力图 列 出 所 有 帮助 过 我 们 的 人 的 名 单 ， 
但 仍 可 能 有 所 遗漏 ， 在 此 说 致 秋 意 。 
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作为 本 领域 团结 与 合作 的 例证 ， 我 们 也 收 到 了 其 他 同类 书 作者 的 书信 ， 对 本 书写 作 表 
示 了 极 大 的 支持 。Eric Haines、Greg Humphreys、Steve Marschner、Matt Pharr 和 Pete 
Shirley 对 本 书 的 出 版 发 表 了 很 好 的 意见 。 能 在 这 样 一 个 学 术 领 域 中 工作 我 们 深 感 荣幸 。 

没有 彼此 之 间 的 支持 、 宽 容 、 对 任务 的 执着 以 及 责任 编辑 Peter Gordon 独到 的 视角 ， 
本 书 的 出 版 是 不 可 想象 的 ! 尤为 感谢 我 们 的 家 人 在 整个 项 目 期 间 对 本 项 工作 的 理解 和 巨大 
支持 ! 


致 学 生 

也 许 你 的 老师 已 经 选择 了 一 种 讲授 本 书 的 方式 ， 选 择 时 已 考虑 各 主题 之 间 的 相互 衔 
接 ,， 或 者 可 能 采用 了 上 面 所 建议 的 一 种 教学 思路 。 不 过 你 不 必 受 此 束缚 。 倘 奉 你 有 意 了 解 
某 些 内 容 ， 可 根据 目录 直接 阅读 。 如 感到 缺乏 某 方面 的 背景 知识 ， 难 以 领悟 所 阅读 的 内 
容 ， 可 阅读 必要 的 背景 材料 。 因 为 有 动机 ， 你 会 感到 此 时 比 其 他 时 候 学 起 来 更 容易 。 停 下 
来 时 ， 可 从 网 上 搜索 他 人 的 实现 代码 ， 下 载 并 运行 。 假 如 感到 结果 有 问题 ， 可 检查 执行 程 
序 ， 举 试 进 行 反 辐 推断 。 有 时 候 这 的 确 是 一 种 学 习 某 些 内 容 的 有 效 方式 ， 即 采用 实践 - 理 
论 - 再 实践 的 学 习 模 式 : 先 尝 试 做 某 件 事 ， 看 能 否 成 功 ， 倘 若 不 成 ， 则 研读 别人 怎样 做 此 
事 ， 然 后 再 试 。 初 次 尝试 可 能 会 遭遇 一 些 挫 折 ， 但 一 旦 成 功 ， 你 会 获得 对 其 理论 的 更 深 的 
理解 。 如 果 难 以 采取 实践 -理论 -再 实践 的 学 习 模 式 ， 至 少 应 该 花 点 时 间 完 成 你 所 阅读 章节 
中 的 课 内 练习 。 

图 形 学 是 一 门 年 轻 的 学 科 ， 经 常 可 看 到 本 科 生 作为 合作 作者 在 SIGGRAPH 上 发 表 论 
文 。 只 需 一 年 ， 你 就 可 以 掌握 足够 的 知识 并 开始 形成 新 的 思想 。 

图 形 学 也 涉及 许多 数学 。 假 如 对 你 来 说 数学 总 是 显得 那么 抽象 和 理论 化 ， 图 形 学 将 改 
变 你 的 这 一 印象 。 数 学 在 图 形 学 中 的 应 用 可 谓 立 竿 见 影 ， 你 很 容易 在 所 绘图 中 见 到 应 用 某 
一 理论 的 实际 效果 。 倘 若 你 运用 数学 已 得 心 应 手 ， 则 可 尝试 采用 本 书 提出 的 学 术 思 路 并 做 
进一步 推广 ， 从 而 享受 其 中 的 乐趣 。 尽 管 本 书包 含 了 大 量 的 数学 内 容 ， 然 而 ， 对 于 当代 研 
究 论 文中 用 到 的 数学 而 言 ， 它 不 过 刚刚 触及 其 表皮 而 已 。 

最 后 ， 质 疑 一 切 。 尽 管 作 者 已 尽 最 大 努力 按 当今 的 理解 讲述 所 有 内 容 ， 但 只 能 说 绝 大 
部 分 内 容 叙 述 准确 。 在 少数 地 方 ， 当 引入 一 个 概念 时 ， 我们 有 意 只 讲述 了 部 分 内 涵 ， 而 在 
稍 后 章节 讨论 细节 时 才 全 面 展 开 。 但 在 除 此 之 外 的 其 他 地 方 ， 我 们 并 未 都 这 样 做 。 有 时 候 
甚至 会 出 错 ， 遗 漏 一 个 “ 负 号 ”或 在 循环 中 犯 “ 循 环 次 数 少 一 次 ”的 错误 。 在 某 些 情形 
中 ， 图 形 学 领域 对 某 概念 的 理解 可 能 存在 偏差 ， 而 我 们 采信 了 另 一 些 人 的 观点 ， 这 只 能 留 
待 未 来 纠正 。 上 述 问 题 读 者 都 可 能 遇 到 。 正 如 Martin Gardner 所 言 ， 在 科学 探索 中 真正 的 
声音 不 是 “ 啊 哈 !” 而 是 “ 哟 ， 有 点 奇怪 啊 ……: ”。 假 如 你 在 阅读 中 发 现 某 处 显得 有 点 怪 ， 
请 大 胆 质疑 ， 再 仔细 看 几 遍 。 如 果 证 实 是 对 的 ， 将 可 澄清 你 理解 中 的 混乱 之 处 。 如 果真 有 
问题 ， 则 将 成 为 你 推动 学 科 进 展 的 机 会 。 


致 教师 

如 果 你 是 教师 ， 你 也 许 已 浏览 了 上 面 “ 致 学 生 ” 的 内 容 ( 尽 管 它 不 是 面向 教师 的 ， 但 
你 的 学 生 也 读 了 此 节 )。 在 那 部 分 中 ， 我 们 建议 学 生 可 以 任意 顺序 阅读 本 书 各 章 ， 并 可 质 
疑 一 切 。 

我 们 向 你 建议 两 件 事 。 第 一 ， 你 应 鼓励 甚至 要 求 你 的 学 生 完 成 本 书 中 的 课 内 练习 。 对 
那些 声称 “我 有 许多 事 要 做 ， 不 能 浪费 时 间 停 下 来 做 练习 ”的 人 ， 你 只 需 说 : “是 呀 ,我 
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们 没 时 间 将 车 停 下 来 加 油 …… 因 为 我 们 已 经 迟 了 !” 第 二 件 事 是 ， 你 在 给 学 生 布 置 课题 或 
作业 时 ， 应 既 有 一 个 确定 的 任务 ， 也 有 一 个 开放 的 目标 。 那 些 成 绩 稳定 的 学 生 将 会 完成 确 
定 的 任务 ， 并 学 习 你 指定 的 内 容 。 而 另 一 些 学 生 ， 当 有 机 会 做 点 有 趣 的 事 时 ， 可 能 会 做 朝 
向 开放 目标 的 练习 而 让 你 惊讶 。 在 做 此 类 练习 时 ， 他 们 将 会 感到 需要 学 习 一 些 恰巧 不 懂 的 
知识 ， 而 当 他 们 人 掌握 了 这 些 知 识 后 ， 问 题 就 会 迎刃而解 。 图 形 学 就 是 这 样 一 种 特别 的 学 
问 : 成 功 马 上 看 得 见 而 且 立刻 有 回报 ， 从 而 形成 一 个 推动 向 前 的 正 反 馈 。 可 见 性 反馈 加 上 
算法 的 可 扩展 性 (计算 机 科学 中 经 常 遇 到 ) 能 给 人 以 启示 。 


讨论 和 延伸 阅读 

本 书 中 许多 章 都 包含 了 “讨论 和 延伸 阅读 ”一 节 ， 其 中 会 给 出 若干 背景 参考 文献 或 对 
该 章 思想 的 深层 次 应 用 。 对 前 言 来 说 ， 唯 一 适合 延伸 阅读 的 内 容 并 非特 定 文献 而 是 一 般 化 
的 读物 : 我 们 建议 读者 着 手 查 阅 ACM SIGGRAPH 和 Eurographics、Computer Graphics 
International 或 其 他 图 形 学 会 议 的 论文 集 。 根 据 你 的 兴趣 ， 还 可 关注 一 些 更 为 专门 的 会 
议 ， 如 Eurographics Symposium on Rendering、I3D、Symposium on Animation 等 。 乍 一 
看 ， 这 些 会 议 的 论文 似乎 涉及 大 量 的 知识 ,但 你 很 快 就 会 觉察 哪些 事 是 有 可 能 做 到 的 ( 假 
若 只 看 图 形 效 果 )， 以 及 需要 哪些 技能 才能 达到 目的 。 你 会 很 快 发 现 某 些 问题 在 你 非常 感 
兴趣 的 领域 中 多 次 出 现 ， 在 后 面 学 习 图 形 学 时 这 将 指引 你 做 延伸 阅读 。 


作者 简介 | 


Computer Graphics:， Principles and Practice, Third Edition 


John F. Hughes 普林斯顿 大 学 数学 学 士 (1977 年 )， 加 州 大 学 伯克利 分 校 数学 博士 
(1982 年 )， 现 为 布朗 大 学 计算 机 科学 系 教授 。 主 要 研究 方向 为 计算 机 图 形 学 ， 特 别 是 涉 
及 图 形 学 数学 基础 的 方面 。 曾 独立 或 合作 发 表 了 19 篇 SIGGRAPH 论文 ， 人 研究 工作 涉及 几 
何 建 模 、 建 模 中 的 用 户 界 面 、 非 照片 真实 感 绘制 、 动 画 系 统 等 。 现 为 ACM Transaction 
on Graphics》 和 《Journal of Graphics Tools》 的 副 主 编 ， 多 次 担任 SIGGRAPH 程序 委员 会 
委员 ， 人 合作 组 织 Implicit Surface”99、2001 年 Symposium in Interactive 3D Graphics 以 及 
第 一 届 Eurographics Workshop on Sketch-Based Interfaces and Modeling， 是 SIGGRAPH 
2002 的 论文 主席 。 

Andries van Dam 布朗 大 学 Thomas J. Watson Jr 技术 与 教育 讲座 教授 、 计 算 机 科学 
教授 。 从 1965 年 开始 任职 于 布朗 大 学 ， 是 该 校 计算 机 科学 系 的 创建 者 之 一 ， 任 该 系 首 任 
系 主 任 (1979 一 1985 年 )。2002 一 2006 年 担任 布朗 大 学 首 任 主管 研究 的 副 校 长 。 他 的 研究 
工作 集中 在 计算 机 图 形 学 、 超 媒体 系统 、post-WIMP 用 户 界 面 (沉浸 式 虚 拟 现实 ， 基 于 笔 
和 触觉 的 计算 ) 以 及 教育 软件 。 他 致力 于 研究 面向 教学 和 和 科研、 支持 交 互 式 插图 显示 的 电 
子 书 的 创建 和 浏览 系统 ， 时 间 长 达 40 年 。1967 年 ， 他 合作 发 起 了 ACM SIGGRAPH 会 
议 ，1985 一 1987 年 出 任 Computing Research Association 的 主席 ， 现 为 ACM、IEEE、 
AAAS 会 士 、 美 国 工程 院 院士 、 美 国 艺术 与 科学 院 院士 拥有 4 个 荣誉 博士 学 位 ， 编 著 或 
合作 编著 了 9 本 书 和 100 多 篇 论文 。 

Morgan McGuire ” 麻 省 理工 学 院 电机 工程 与 计算 机 科学 学 士 、 工 程 硕 士 (2000 年 )， 布 
朗 大 学 计算 机 科学 博士 (2006 年 )， 现 任 威廉 姆 斯 学 院 计算 机 科学 副教授 ， 是 Marvel Ulti- 
mate Alliance 和 Titan Quest 系列 视频 游戏 、Amazon Kindle 用 到 的 下 Ink 显示 器 、 
NVIDIA GPU 等 产品 的 咨询 顾问 。 在 SIGGRAPH、High Performance Graphics、The 
Eurographics Symposium on Rendering、 Interactive 3D Graphics and Games、Non-Photo- 
realistic Animation and Rendering 等 学 术 会 议 上 发 表 过 多 篇 关于 高 性 能 绘制 、 计 算 机 摄影 
等 方面 的 论文 。 曾 任 Interactive 3D Graphics and Games、Non-Photorealistic Animation 
and Rendering 等 研讨 会 主席 ，G3D Innovation Engine 项 目 经 理 ， 是 《Creating Games》 和 
《The Graphics Codex》 等 著作 以 及 《GPU Gems 兴 Shader XX《GPU Pro》 中 若干 章 的 合作 
作者 。 

David Sklar 南 卫 理 公会 大 学 学 士 (1982 年 )， 布 朗 大 学 硕士 (1983 年 )， 现 任 Vizify. com 
公司 的 可 视 化 工程 师 ， 致 力 于 研究 可 在 宽广 范围 波形 因数 的 计算 设备 上 展示 动态 信息 图 的 
算法 。20 世纪 80 年 代 曾 任教 于 布朗 大 学 计算 机 科学 系 ， 讲 授 基 础 入 门 课程 。 是 本 书 第 2 
版 中 若干 章 ( 及 其 辅助 软件 ) 的 合 著者 。 随 后 ， 他 转 人 电子 书 出 版 业 ， 聚 焦 于 SGML/XML 
审定 标准 ， 期 间 曾 多 次 应 邀 在 GCA 会 议 上 做 报告 。 之 后 ， 他 和 夫人 Siew May Chin 合作 
创建 了 PortCompass， 属 首 批 在 线 离 岸 零售 商 ， 这 也 是 从 房地产 到 数据 库 咨 询 等 业界 开局 
中 间 商 模式 的 第 一 次 尝试 。 

James Foley 利 哈 伊 大 学 电机 工程 学 士 (1964 年 )， 密 歇 根 大 学 电机 工程 硕士 (1965 年 )， 
密歇根 大 学 博士 (1969 年 )。 佐 治 亚 理工 学 院 Fleming 讲座 教授 ， 计 算 机 学 院 交互 计算 领域 教 
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授 。 曾 任教 于 北 卡 大 学 教堂 山 分 校 和 乔治 ， 华 盛 顿 大 学 ,担任 过 三 菱 电 气 研究 院 主管 。1992 
年 在 佐治 亚 理工 学 院 创建 了 GVU 中 心 并 一 直 担 任 中 心 主任 (至 1996 年 )， 同 时 出 任 4ACM 
Transactions on Graphics》 期 刊 的 主编 。 其 研究 成 果 集 中 于 计算 机 图 形 学 、 人 机 交互 、 信 
息 可 视 化 等 领域 。 他 是 本 书 三 个 版 本 及 其 前 身 (1980 年 出 版 的 (Fundamentals of Interactive 
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本 章 从 几 个 方面 对 计算 机 图 形 学 做 了 全 面 的 介绍 ， 包 括 图 形 学 应 用 、 图 形 学 研究 的 各 
个 领域 、 采 用 图 形 学 方法 高 效 生成 图 像 的 一 些 工 具 、 帮 助 你 了 解 计算 机 图 形 算法 和 程序 规 
模 的 一 些 数 字 以 及 编写 第 一 个 图 形 程序 所 需 的 基本 思想 等 。 我 们 将 在 本 书 中 的 其 他 部 分 更 
详细 地 讨论 这 些 内 容 。 


1.1 计算 机 图 形 学 简介 

计算 机 图 形 学 是 通过 计算 机 的 显示 器 和 交互 设备 进行 视觉 交流 的 科学 和 艺术 。 视 觉 交 
流通 常 是 指 “从 计算 机 到 人 ”， 而 “从 人 到 计算 机 ”这 个 方向 ， 则 以 鼠标 、 键 盘 、 操 纵 杆 、 
游戏 控制 器 或 触摸 感应 设备 为 媒介 。 然 而 ， 这 种 模式 正在 发 生 改 变 : 基于 计算 机 视觉 算法 
可 定义 一 个 新 的 输入 界面 ， 对 视频 或 深度 相机 的 输入 信息 进行 处 理 ， 将 这 些 视觉 信息 重新 
作为 计算 机 的 输入 。 就 “从 计算 机 到 人 ”这 个 方向 而 言 ， 视 觉 交 流 的 对 象 是 人 。 因 此 ， 人 
类 感知 图 像 的 方式 是 设计 图 形 学 ?程序 必须 考虑 的 关键 因素 ， 这 意味 着 ， 对 人 会 忽略 的 一 
些 视 觉 特 征 ， 既 无 需 呈 现 ， 也 不 需要 进行 计算 ! 计算 机 图 形 学 是 一 个 多 学 科 交 叉 的 领域 ， 
其 中 物理 、 数 学 、 人 类 感知 、 人 机 交互 、 工 程 、 平 面 设计 以 及 艺术 都 起 着 重要 的 作用 。 我 
们 将 基于 物理 学 原理 对 光 的 传播 进行 建 模 和 动画 仿真 ; 采用 数学 方法 来 描述 物体 的 形状 ; 
基于 人 的 感知 能 力 进行 资源 的 配置 一 一 不 将 时 间 消 耗 在 绘制 那些 不 受 注意 的 细节 上 ; 我 们 
用 工程 方法 来 优化 带宽 、 内 存 和 处 理 器 时 间 的 分 配 ; 而 平面 设计 、 艺 术 与 人 机 交互 相 结 
合 ， 可 以 使 从 计算 机 到 人 的 信息 交流 更 为 有 效 。 在 这 一 章 中 ， 我们 将 讨论 一 些 应 用 领域 ， 
介绍 传统 图 形 系 统 是 如 何 工 作 的 ， 以 及 所 涉及 的 学 科 在 计算 机 图 形 学 中 的 作用 。 

从 狭义 上 说 ,计算 机 图 形 学 可 以 定义 为 : 给 定 场景 中 的 物体 模型 (对 场景 中 物体 几何 
和 它们 如 何 反射 光线 的 描述 ) 和 向 场景 投射 光线 的 光源 模型 (这 些 光源 的 数学 描述 、 辐 射 方 
向 、 光 谱 分 布 等 )， 生 成 该 场景 的 特定 视图 ( 即 到 达 场 景 中 虚拟 视点 或 相机 的 光线 )。 从 这 
个 角度 看 ， 你 可 能 会 认为 计算 机 图 形 学 不 过 是 个 “豪华 ”的 乘法 过 程 : 将 入 射 光 能 乘 以 场 
景 中 物体 表面 的 反射 率 ， 得 到 物体 表面 的 反射 光 ， 然 后 重复 这 一 过 程 ( 把 物体 表面 作为 新 
的 光源 并 递归 地 进行 光 能 传递 )， 确 定 最 终 到 达 相 机 的 全 部 光 ( 实 际 上 这 个 想法 无 法 实现 ， 
但 其 思路 是 对 的 )。 与 之 相反 ， 计 算 机 视觉 相当 于 一 个 分 解 过 程 一 一 给 定 一 个 场景 的 视图 ， 
计算 机 视觉 系统 的 任务 是 确定 光照 和 场景 的 内 容 ( 倘 若 图 形 系 统 可 以 将 两 者 “ 相 乘 ”>， 则 可 
复制 出 相同 的 图 像 )。 不 过 ， 目 前 视觉 系统 还 不 能 解决 上 述 问 题 ， 只 能 基于 一 些 对 场景 、 
光照 或 者 对 二 者 的 假设 ， 或 需要 基于 由 不 同 相 机 拍摄 的 该 场景 的 多 个 视图 或 者 同一 个 相机 
在 不 同时 间 拍 摄 的 多 个 视图 。 















何 模 型 是 我 们 想 要 呈现 在 图 像 中 的 物体 的 模型 ， 例 如 我 们 构建 的 汽车 模型 











日 ”本 书 涉 及 的 “图 形 学 ” 即 “ 计 算 机 图 形 学 ”。 














或 儿 猴 模型 。 可 以 在 模型 中 引入 颜色 、 纹 理 或 材料 反射 率 等 多 种 属性 ， 来 增强 几何 模 
型 的 表达 能 力 。 所 谓 建 模 是 从 一 无 所 有 开始 、 创 建 这 样 一 个 模型 的 过 程 ， 而 所 得 到 的 
对 物体 的 “几何 加 其 他 信息 ”的 描述 为 模型 。 

数学 模型 是 物理 或 计算 过 程 的 模型 。 例 如 ， 第 27 章 介 绍 了 光 从 光泽 表面 反射 的 各 
种 模型 。 还 有 物体 如 何 运动 的 模型 ， 以 及 关于 数码 相机 中 图 像 采集 过 程 的 模型 。 这 些 
模型 也 许 是 可 靠 的 ( 即 对 某 种 现象 提供 一 个 可 预测 而 且 正确 的 数学 模型 )， 也 可 能 是 不 
准确 的 ; 可 以 是 基于 物理 的 ， 或 从 第 一 Eee 也 可 以 是 根据 观察 或 直觉 得 
到 的 经 验 楼 型 或 现象 模型。 











事实 上 ， 图 形 学 的 内 涵 远 远 超 出 了 “绘制 视图 相当 于 做 一 个 广义 乘法 ”这 样 一 个 描 
述 ， 就 像 视 觉 的 内 涵 远 比 “ 分 解 ” 含 义 丰富 一 样 。 当 前 ， 图 形 学 研究 更 多 集中 在 创建 几何 
模型 的 方法 、 表 面 反射 率 (以 及 表面 下 浅 层 的 反射 率 、 途 经 介质 (如 雾 、 烟 等 ) 的 反射 率 ) 的 
表示 、 基 于 物理 定律 和 近似 模型 的 场景 动画 、 动 画 控 制 、 与 虚拟 物体 交互 、 非 照片 真实 感 
表示 等 。 近 年 来 ， 计 算 机 视觉 技术 和 计算 机 图 形 学 日 益 交 叉 ， 成 为 图 形 学 新 的 关注 点 。 例 
如 ， 考 虑 Raskar 关于 非 真 实感 相机 的 工作 : 相机 对 同一 场景 拍摄 多 张 照片 ， 在 每 张 照片 
中 ， 场 景 由 放置 在 不 同方 位 的 闪光 灯 照 明 。 然 后 基于 这 些 图 像 ， 采 用 计算 机 视觉 技术 确定 
场景 中 物体 的 轮廓 ， 估 计 其 基本 的 形状 属性 ， 实 现场 景 的 非 照 片 真 实感 绘制 ， 结 果 如 图 1-1 
所 示 。 





图 1-1 使 用 非 照 片 真 实感 相机 创作 艺术 风格 的 绘 
制 效果 : ee 
景 在 不 同 角度 光照 下 的 多 幅 图 像 ， 然 后 
用 计算 机 图 形 技术 对 该 场景 进行 绘制 。 
图 是 原始 场景 ， pa 
(由 Ramesh Raskar 提供 ; @ 2004 ACM) 








在 本 书 中 ,我 们 重点 关注 真实 感 图 像 的 获取 与 绘制 ， 这 是 计算 机 图 形 学 中 最 为 成 功 的 
领域 ， 在 运用 相对 较 新 的 计算 机 科学 来 模拟 相对 古老 的 物理 模型 方面 ， 它 无 疑 是 出 色 的 。 
但 是 ， 图 形 学 不 仅 限 于 真实 感 图 形 获取 和 绘制 ， 例 如 动画 和 交互 也 同样 重要 。 对 这 些 主 
题 ， 除 了 开设 专 章 对 它们 进行 讨论 外 ， 在 本 书 的 其 他 章节 中 也 会 有 所 涉及 。 不 过 ， 在 这 些 
非 仿 真 领域 (nonsimulation area) 的 研究 似 难 以 获得 突破 ， 究 其 原因 ， 可 能 是 由 于 这 些 领域 
本 质 上 更 加 倾向 于 定性 的 描述 ,不 像 物理 学 那样 存在 明确 的 数学 模型 。 

本 书 讲述 的 并 不 全 都 是 计算 机 图 形 学 中 诸多 想法 的 具体 实现 ; 相反 ， 它 提供 了 对 这 些 
问题 的 更 高 层次 的 观察 。 本 书 旨 在 讲授 一 些 思路 ， 即 使 它们 的 有 具体 实现 方法 已 不 再 重要 ， 
仍 具 有 长 远 的 指导 意义 。 相 信 通 过 综合 数 十 年 的 研究 成 果 ， 我 们 可 以 揭示 计算 机 图 形 学 的 
基本 原理 ， 为 读者 学 习 和 使 用 计算 机 图 形 学 提供 帮助 。 至 于 具体 的 算法 实现 ， 读 者 则 需要 
自行 编写 程序 或 在 其 他 地 方 查找 。 

但 这 绝 非 我 们 轻视 具体 算法 实现 或 那些 讲述 相关 内 容 的 图 书 。 相 反 ， 我们 钦佩 这 些 工 
作 并 从 中 受益 良 多 ， 尤 为 钦佩 那些 能 够 以 清晰 和 一 致 性 的 方式 集成 这 些 工 作 的 学 者 。 正 因 
如 此 ， 0 案头 保留 一 本 由 Akenine-M6ller、Haines 和 Hoff- 
man 合 著 的 “实时 绘制 ”专著 LAMHH08]; 男 一 个 方法 (并 非 最 佳 ) 是 选择 一 个 你 感 兴趣 
的 研究 主题 ， J 题 的 相关 信息 。 数 学 家 阿 贝 尔 说 他 之 所 以 在 数学 上 取得 
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成 功 ， 是 因为 他 研读 的 是 大 师 的 作品 而 不 是 大 师 学 生 的 作品 。 因 而 我 们 建议 读者 遵循 他 的 
成 功 之 路 。 上 述 “ 实 时 绘制 ”专著 是 由 该 领域 的 大 师 撰写 的 ， 而 随机 查 到 的 网 页 任何 人 都 
可 以 写 。 如 果 你 想 要 从 互联 网 获取 一 些 信息 ， 首 先 应 该 查找 该 主题 的 原始 论文 。 

下 面 ， 我 们 介绍 由 Michael Littman 给 出 的 两 条 原则 : 
wy 明确 问题 原则 : 知道 你 要 解决 的 是 什么 问题 。 
Vv 近似 求解 原则 : 寻找 近似 的 求解 方法 ， 而 不 是 对 问题 本 身 进行 近似 。 

这 两 条 原则 对 于 各 种 研究 都 有 很 好 的 指导 作用 ， 对 图 形 学 研究 更 是 如 此 。 在 图 形 学 中 
大 量 采 用 近似 方法 ， 有 时 容易 忘记 被 近似 的 对 象 是 什么 。 始 终 针 对 初始 的 、 未 经 近似 的 问 
题 ， 才 能 导致 对 问题 的 更 清晰 的 求解 思路 。 


1.1.1 计算 机 图 形 学 的 世界 
计算 机 图 形 学 学 术 研 究 主 要 是 由 SIGGRAPH 引领 。ACM SIGGRAPH (the Associa- 


tion for Computing Machinery’s Special Interest Group on Computer Graphics and Interac- 
tive Techniques) 是 美国 计算 机 学 会 计算 机 图 形 学 与 交互 技术 特别 兴趣 小 组 的 缩写 ， 其 年 度 
会 议 是 计算 机 图 形 学 最 新 成 果 展 示 的 主要 场合 ， 同 时 也 是 一 个 大 型 商贸 展览 会 ， 还 有 同一 
场所 举行 的 若干 相关 主题 的 学 术 会 议 。 由 ACM 出 版 的 SIGGRAPH 会 议论 文集 是 该 领域 
从 业者 最 重要 的 参考 文献 。 近 年 来 该 论文 集 被 收入 ACM 图 形 学 会 刊 (ACM Transactions 
on Graphics) 中 ， 作 为 一 期 出 版 。 

当然 ， 计 算 机 图 形 学 也 是 一 个 产业 ， 对 电影 、 电 视 、 广 告 、 游 戏 等 行业 产生 了 巨大 的 
影响 。 它 还 改变 了 我 们 察看 医疗 、 建 筑 、 工 业 过 程控 制 、 网 络 操作 和 日 常生 活 中 各 种 信息 
的 方式 ， 我 们 观看 气象 图 以 及 对 信息 进行 可 视 化 即 为 这 方面 的 例子 。 也 许 ， 最 显著 的 是 电 
话 、 计 算 机 、 汽 车 仪表 板 以 及 许多 家 用 电器 等 的 图 形 用 户 界 面 ， 它 们 都 是 运用 计算 机 图 形 
技术 实现 的 。 


1.1.2 应 用 领域 的 现状 与 前 景 

计算 机 图 形 学 发 展 迅 速 ， 它 很 快 就 从 一 门 新 奇 的 学 科 进 入 日 常生 活 的 方方面面 。 就 像 
父母 给 孩子 在 飞机 上 打发 时 间 的 手持 式 游 戏 机 这 样 的 一 次 性 设备 ， 也 具有 图 形 显 示 及 图 形 
界面 。 这 归结 于 两 点 : 第 一 ， 人 类 的 视觉 感知 能 力 很 强 ， 视 觉 交流 速度 极 快 ， 因 此 各 种 设 
备 的 设计 者 都 希望 采用 计算 机 图 形 技术 ; 第 二 ， 基 于 计算 机 的 器 件 的 制造 成 本 在 迅速 降 
低 。( 在 20 世纪 80 年 代 的 讨论 中 ， 大 部 分 人 认为 由 于 GPS 元 器 件 的 复杂 性 ， 其 制造 成 本 
永远 不 会 低 于 1000 美元 。 而 Roy Smith[L Smi] 认 为 : “总 有 一 天 ， 任 何 硅 芯片 的 制造 成 本 
都 不 会 超过 5 美元 ”。 这 是 一 个 非常 了 不 起 的 预言 。) 

随 着 图 形 学 的 日 益 普 及 ， 用 户 的 需求 水 平 也 不 断 提 高 。 视 频 游 戏 每 秒 可 以 显示 几 百 万 个 多 
边 形 ， 电 影 特 效 已 经 盘 真 到 令 人 难以 置信 。 数 码 相 机 和 数码 摄像 机 产生 了 海量 的 像素 2 (pixel) 
流 ( 像 素 指 构成 图 像 点 阵 的 基本 元 素 ) ， 而 对 像素 流 进 行 处 理 的 工具 也 在 快速 发 展 。 与 此 同 
时 ， 不 断 增 强 的 计算 机 处 理 能 力 为 图 形 学 形态 的 日 益 丰 富 提 供 了 可 能 。 随 着 数字 摄影 、 精 
密 扫 描 仪 (图 1-2) 及 其 他 工具 的 广泛 使 用 ， 我 们 不 再 需要 对 场景 中 的 每 个 物体 显 式 地 进行 
建 模 ， 而 是 可 以 直接 扫描 物体 ， 甚 至 忽略 物体 而 采用 多 幅 数字 图 像 作为 它 的 代理 。 对 于 含 
有 丰富 信息 的 数据 流 ， 从 数据 中 提取 更 多 的 信息 (如 利用 计算 机 视觉 技术 ) 的 前 景 已 经 开始 





加 ”我们 称 其 为 显示 像素 ， 以 便 与 后 续 章 节 中 介绍 的 “像素 ”的 其 他 用 法 相 区 别 。 





引领 可 能 的 图 形 学 应 用 。 例 如 ， 采 用 相机 跟踪 技术 ， 可 以 通过 肢体 动作 和 手势 操控 游戏 及 
其 他 应 用 (图 1-3) 。 





图 1-2 扫描 仪 将 条 纹 投射 到 正在 转盘 上 缓慢 旋转 图 1-3 微软 的 Kinect 接口 能 感知 用 户 的 姿势 及 位 


hit 型 上 ， 相 机 从 不 同方 位 记录 条 纹 的 模 置 ， 科 研 人 员 可 通过 肢体 语言 来 调整 他 观 
式 ， 以 此 来 确定 物体 的 外 形 ( 由 Polygon 察 数 据 的 视角 ， 而 不 必 借 助 鼠 标 和 键盘 
Technology，GMBH 公司 提供 ) (数据 视图 由 David Laidlaw 提供 ， 图 像 由 
Emanuel Zgraggen 提供 ) 
在 图 形 学 对 娱乐 产业 产生 巨大 影响 的 同时 ， 它 对 科学 、 工 程 ( 包 括 计算 机 辅助 设计 及 


制造 )、 医 疗 、 桌 面 出 版 、 网 站 设计 、 社 交 、 信 息 处 理 与 分 析 等 人 

新 的 、 形 状 从 大 到 小 的 交互 装置 ， 如 虚拟 现实 、 房 间 尺 度 显示 (图 1-4) 、 装 有 两 个 LCD 的 

0 多 点 触 控 设备 (包括 大 型 多 点 触 控 桌 和 触 控 墙 )( 图 1-5) 以 及 智能 手机 等 ,为 
述 领域 更 具 影 响 力 的 发 展 提 供 了 新 的 机 会 。 





图 1-4 一 位 画家 站 在 Cave( 一 个 四 周 墙壁 都 是 显示 图 1-5 两 个 用 户 对 呈现 在 可 和 触 磁 显 示 器 和 可 触 碰 





屏 的 房间 ) 中 ， 用 画笔 在 3D 空间 中 绘画 。 平板 显示 器 上 的 一 件 大 型 艺术 品 的 不 同 部 
通过 保持 显示 帧 频 与 立体 眼镜 同步 ， 形 成 分 进行 交互 操作 (由 布朗 大 学 图 形 学 研究 
立体 图 像 ， 所 显示 场景 犹如 悬浮 在 空中 一 组 提供 ) 


样 。 当 用 户 移 动 视 点 时 ， 头 部 跟踪 技术 使 
软件 合成 的 图 像 与 用 户 当前 的 方位 、 视 角 
相 吻 合 (由 明尼苏达 大 学 Daniel Keefe 提供 ) 

在 本 章 的 其 他 部 分 中 ， 当 我 们 谈 及 图 形 应 用 时 ， 脑 海中 浮现 的 是 诸如 视频 游戏 这 样 的 
应 用 ， 它 依靠 的 关键 资源 是 与 绘制 性 能 相关 的 处 理 器 时 间 、 内 存 和 带宽 ， 这 里 绘制 是 指 将 
物体 或 图 像 呈 现在 显示 器 上 上。 当然， 还 有 许多 其 他 类 型 的 应 用 ， 每 种 应 用 有 其 自身 的 要 求 
和 所 需 的 关键 资源 ( 见 1. 11 节 )。 关 于 性 能 ， 一 种 实用 的 度量 指标 是 每 秒 可 绘制 的 基本 体 
个 数 ， 这 里 的 基本 体 是 面向 应 用 的 基本 构 形 单元 。 对 于 类 似 于 拱 廊 场 景 的 视频 游戏 ， 它 可 
能 是 带 纹理 的 多 边 形 ， 然 而 对 于 流 场 可 视 化 系统 ， 它 可 能 是 带 颜 色 的 短 箭头 。 每 秒 可 显示 
的 基本 体 个 数 等 于 每 帧 ( 即 显 示 图 像 ) 可 显示 的 基本 体 数 乘 以 每 秒 的 显示 帧 频 。 对 有 些 应 
用 ， 每 帧 需要 显示 更 多 的 基本 体 ， 为 此 它们 需要 降低 帧 率 ;， 而 另 一 些 讲求 动画 平滑 性 的 应 
用 ， 则 需 采 用 更 高 的 帧 率 ， 为 此 它们 需要 降低 每 帧 中 显示 的 基本 体 的 数量 (或 者 通过 近似 ， 


绪 论 5 





降低 每 一 基本 体 绘制 的 复杂 度 ) 。 


1.1.3 关于 用 户 界 面 的 思考 


在 过 去 30 年 中 ,计算 机 图 形 学 的 根本 变化 主要 体现 在 静态 和 动态 图 像 真 实感 的 提升 方 
面 ， 但 同样 重要 的 还 有 日 常 计算 机 图 形 中 的 新 型 交互 方式 ” 。 不 用 多 久 ， 我 们 在 观看 画面 时 ， 
即 可 通过 视线 与 其 进行 交互 。 因 此 ， 用 户 界面 (User Interface，UD) 正 在 变 得 日 益 重 要 。 

的 确 ， 用 户 界 面 领域 沿 着 自己 的 途径 一 直 在 发 展 ， 如 今 它 已 不 再 是 计算 机 图 形 学 中 一 
个 小 的 组 成 部 分 , 但 两 者 仍 密切 相关 、 相 辅 相 成 。 遗 憾 的 是 ， 直 至 本 书写 作 时 ,与 上 一 代 
的 研究 系统 相 比 ， 目 前 商用 桌面 系统 的 用 户 界面 并 未 发 生根 本 性 变化 一 一 计算 机 的 输入 仍 
然 主要 通过 键盘 和 鼠标 ， 通 过 鼠标 进行 的 操作 无 非 是 点 击 按钮 、 指 示 图 文 的 位 置 以 及 选取 
菜单 命令 。 尽 管 这 种 点 击 式 的 WIMP 界面 (窗口 、 图 标 、 菜 单 和 指针 ) 占 据 主 导 地 位 长 达 
30 年 ， 但 很 少见 到 高 品质 、 精 心 设计 的 界面 。 至 少 在 早期 界面 设计 经 常 是 事后 再 来 考 
虑 的 。 触 摸 式 界 面 是 一 大 进步 ,但 是 其 中 大 多 数 操作 仍 在 以 不 同方 式 模拟 WIMP 界面 。 
随 着 用 户 复 杂 性 和 需求 的 不 断 增长 ， 界 面 设计 已 成 为 几乎 每 一 个 应 用 开发 中 的 重要 部 分 。 





以 下 两 个 并 行 且 相 关 的 发 展 趋势 基于 图 形 硬件 的 标准 化 以 及 软件 和 CPU 过度 的 巨 
大 进步 。 第 一 个 是 图 像 生成 的 质量 和 速度 ， 可 在 日 常 图 形 应 用 中 生成 高 质量 的 图 像 ; 
第 二 个 是 图 形 用 户 界 面 的 发 展 ， i a 即便 不 
识字 的 孩子 也 能 够 使 用 。 











界面 为 何如 此 重要 ? 一 个 原因 是 出 于 经 济 考虑 。 在 
1960 年 ， 计 算 机 会 占据 数 个 大 房间 甚至 一 一 栋 小 型 建筑 ， 耗 
资 数 百 万 美元 ， 并 由 多 个 用 户 共享 ， 相 对 而 言 ， 用 户 的 薪 
金 要 低 得 多 。 到 了 2000 年 ， 计 算 机 变 得 小 型 化 ， 其 价格 仅 
为 用 户 薪金 的 一 小 部 分 。 图 1-6 展示 了 计算 机 价格 与 用 户 
薪金 的 无 量 纲 比例 趋势 。 在 1960 年 ， 计 算 机 必须 全 时 段 地 
高 效 使 用 (至 为 关键 )， 为 此 用 户 必 须 做 大 量 事情 ; 但 是 到 
了 2000 年 ， 情 况 截 然 相 反 : 用 户 成 为 宝贵 资源 而 计算 机 则 图 1-6 计算 机 价格 和 使 用 计算 机 


Log (价格 /薪金 ) 





1960 2010 


相对 廉价 。 现 在 用 户 的 时 间 大 都 花费 在 了 UI 上 ， 甚 至 对 的 用 户 的 薪金 (对 系统 的 
一 些 大 型 的 、 运 行 很 慢 的 程序 也 是 如 此 : 仅 当 程序 进入 运 多 个 用 户 取 平 均 ) 之 比 的 
行 后 ， 用 户 才 可 以 做 些 其 他 事情 。 因 此 ， 我 们 应 投入 更 多 人 
努力 在 界面 和 交互 的 研究 与 开发 上 。 


哪些 因素 会 影响 UI 设计 呢 ? 大 部 分 因素 与 心理 学 、 感 知 以 及 人 机 工程 相关 。 一 方面 ， 
UI 要 使 用 颜色 ， 但 另 一 方面 ， 又 要 保证 UI 适用 于 色觉 异常 的 用 户 ; 一 方面 ，UI 要 呈现 
所 需 列 出 的 全 部 菜单 项 ， 另 一 方面 ， 又 要 对 这 些 菜单 项 进行 适当 的 排列 和 组 合 ， 使 得 一 
典型 用 户 能 够 快速 查找 和 从 中 挑选 : 因此 菜单 项 必须 加 以 组 织 ， 且 每 一 项 要 足够 大 使 选择 
过 程 更 为 简单 。 另 外 ， 还 要 确保 UI 支 持 用 户 可 能 使 用 的 各 种 设备 : 台式 计算 机 、 智 能 手 
机 、PDA 或 游戏 控制 器 。 

尽管 界面 非常 重要 ， 我们 不 会 过 多 地 对 其 进行 讨论 ; 如今 UI 研究 已 自 成 体系 ， 虽 与 





日” 早期 的 图 形 系统 应 用 于 计算 机 辅助 设计 /计算 机 辅助 制造 (CAD/CAM)， 通常 具有 一 定 程度 的 交互 功能 ; 但 
是 这 些 系统 非常 昂贵 且 复 杂 ， 难 以 面向 普通 计算 机 用 户 。 


1 章 


Sn) 
沾 





图 形 学 相关 ， 但 它 已 不 再 是 图 形 学 的 一 部 分 。 在 某 些 情况 下 ， 有 些 界面 元 素 可 为 具有 经 验 
的 图 形 用 户 提供 独特 的 视角 。 第 21 章 讨论 了 这 些 界面 元 素 在 建 模 和 变换 中 的 应 用 。 

以 上 讨论 表明 ， 计 算 机 图 形 学 追求 的 目标 不 仅仅 要 基于 物理 学 或 者 算法 ， 而 且 十 分 依 
赖 于 人 的 因素 。 我 们 不 光 要 计算 场景 中 光 能 的 传递 ， 同 时 也 要 考虑 人 们 对 结果 的 感知 : 额 
外 的 计算 时 间 对 观察 者 而 言 是 否 值得 ? 我 们 不 仅仅 是 开发 一 个 应 用 程序 ， 为 某 些 特定 领域 
提供 其 所 需 的 功能 ， 满 足 其 性 能 指标 (例如 在 图 书馆 中 播放 音乐 或 帮助 医生 保存 病历 ) ， 同 
时 也 要 关注 程序 的 界面 是 否 易于 使 用 。 显 然 ，UI 界面 的 易 用 性 与 人 类 感知 密切 相关 ， 我 
们 会 在 第 5 章 介绍 相关 的 内 容 。 


1.2 简要 历史 


图 形 学 研究 一 直 是 目标 导向 的 ,但 其 目标 在 不 断 变 化 。 早 期 的 研究 人 员 只 能 在 具有 有 
限 处 理 器 功能 的 环境 中 开展 工作 ， 因 此 通常 会 选择 运行 快速 且 容 易 生 成 结果 的 方法 。 早 期 
的 工作 分 为 绘图 (如 绘制 蓝图 ) 和 生成 图 像 ( 如 类 似 于 照片 的 真实 感 图 像 )。 在 每 一 种 情形 
中 ， 都 需要 做 出 许多 假设 ， 这 些 假设 通常 必须 迁就 所 用 的 处 理 器 功能 和 显示 技术 。 当 显示 
一 个 结果 的 花费 相当 甚至 高 于 一 个 工程 师 的 薪金 时 ， 显 示 的 每 一 张 图 片 都 必须 有 价值 。 在 
显示 几 百 个 多 边 形 需 要 数 分 钟 的 时 候 ， 采用 较 少 的 多 边 形 来 瘟 近 曲面 无 疑 是 明智 之 举 。 当 
处 理 器 速度 用 MIPS( 每 秒 百 万 条 指令 ) 来 度量 ,但 是 图 像 却 包括 250 000 或 者 500 000 个 像 
素 的 时 候 ， 人 们 通常 不 能 在 每 个 像素 上 耗费 太 多 的 计算 (在 20 世纪 60 年 代 和 70 年代 初 
期 ， 许 多 研究 机 构 尚 只 有 一 台 图 形 显示 器 ) 。 典 型 的 简化 假设 是 : 所 有 物体 对 光 的 反射 方 
式 与 平 光 乳 胶 漆 大 致 相当 (虽然 在 一 些 系统 中 采用 了 更 加 复杂 的 反射 模型 )， 于 是 ， 光 线 要 
么 直接 照射 在 表面 上 ， 要 么 在 场景 中 被 多 次 反射 ， 最 终 形成 泛 光 照明 效果 ， 这 使 得 未 受到 
光源 直接 照射 的 物体 也 有 光照 : 并 且 ， 三 角形 内 部 各 点 的 颜色 可 以 根据 在 三 角形 顶点 处 计 
算得 到 的 颜色 推断 出 来 。 

渐渐 地 ， 越 来 越 多 的 模型 形状 模型 、 光 源 模型 、 反 射 模型 一 一 加 入 进来 ,但 即使 
到 今天 ， 用 来 描述 场景 光照 的 主流 模型 中 还 是 包括 了 泛 光 这 一 项 。 泛 光 指 一 定量 的 光线 ， 
它们 并 无 确切 的 起 始点 ， 但 在 场景 中 无 处 不 在 。 泛 光 项 保证 了 场景 中 的 可 见 物 体 均 可 受到 
一 定 的 光照 。 这 个 经 验 项 被 用 来 模拟 光 能 传输 中 的 某 些 分 量 ， 比 如 物体 间 的 多 重 反 射 ，20 
世纪 60 年 代 时 的 计算 机 尚 不 能 直接 计算 出 这 种 反射 。 泛 光 项 至 今 仍 在 使 用 。 虽 然 很 多 书 
在 介绍 模型 时 均 按 照 光 能 传输 历史 发 展 过 程 讲 述 ， 本 书 将 选择 一 种 不 同 的 方式 ， 即 直接 讨 
论 理想 的 模型 (对 光 传 输 的 物理 模拟 )， 包 括 目 前 的 算法 是 如 何 台 近 这 个 理想 模型 的 ,一 些 
早期 的 方法 是 怎样 来 通 近 的 ， 以 及 哪些 近似 的 痕迹 仍 为 当前 的 常见 模型 所 沿用 。 唯 一 的 例 
外 是 ,我 们 将 在 第 6 章 介绍 一 个 反射 模型 ， 该 模型 将 表面 对 光 的 散射 分 为 三 项 : 漫 射 项 ， 
它 对 应 于 从 表面 朝 各 个 方向 均匀 反射 的 光 ; 镜面 反射 项 则 用 来 模拟 朝 一 定 方向 的 反射 ， 包 
括 类 似 于 粗糙 塑料 表面 的 反射 和 如 同 镜子 般 的 近乎 完美 的 反射 ; 最 后 一 项 是 泛 光 项 。 我 们 
将 在 第 14 章 对 这 一 模型 予以 改进 ， 然 后 在 第 27 章 详 细 讨 论 其 细节 。 提 前 介绍 的 优点 是 ， 
可 以 让 你 在 掌握 光线 的 真实 反射 行为 之 前 能 早点 体验 建 模 和 绘制 场景 的 过 程 。 

图 像 显 示 器 数 十 年 来 有 了 巨大 的 发 展 ， 其 中 包括 20 世纪 70 年 代 一 80 年 代 从 向 量 显示 
设备 向 光栅 显示 设备 的 转变 。 光 栅 显示 器 显示 的 是 一 个 点 阵 ， 如 CRT 和 LCD 显示 右 。 此 
外 还 包括 过 去 25 年 中 ， 显 示 器 分 辨 率 ( 单 个 点 的 精细 程度 ) 、 大 小 (显示 器 的 物理 斥 才 ) 以 
及 动态 范围 (可 显示 的 像素 最 亮 与 最 暗 光 亮度 值 之 比 ) 稳 定 而 持续 的 增长 。 图 形 处 理 器 的 性 
能 也 依照 着 摩尔 定律 大 幅度 提升 (与 CPU 相 比 ， 图 形 处 理 器 性 能 指数 级 增长 的 幅度 更 大 ) 。 








图 形 处 理 器 的 体系 结构 也 在 并 行 增长 ， 至 于 它 能 走 多 远 尚 难以 推测 。 

处 理 器 和 显示 器 在 稳步 改进 的 同时 也 曾 有 过 重要 的 飞跃 。 从 向 量 显示 设备 到 光栅 显示 
设备 的 转换 、 微 机 系统 迅速 取代 工作 站 即 为 其 中 的 例子 。 另 一 个 例子 是 商业 图 形 卡 (及 相 
关 软 件 ) 的 引入 ， 它 使 得 所 写 的 程序 能 在 各 种 机 器 上 运行 。 在 光栅 显示 器 广泛 应 用 的 同时 ， 
还 发 生 了 另 一 大 的 变化 : Xerox PARC’s WIMP GUI 被 采用 。 这 使 得 图 形 学 从 实验 室 里 研 
究 的 对 象 转变 成 计算 机 日 常 交 互 不 言 而 喻 的 组 成 部 分 。 

最 后 值得 一 提 的 飞 路 是 : 引入 了 可 编程 图 形 卡 ， 应 用 程序 不 是 发 送 多 边 形 或 图 像 给 图 
形 卡 ， 而 是 发 送 一 些小 的 程序 ， 分 别 描 述 应 如 何 接替 地 处 理 随后 的 多 边 形 和 图 像 直 至 它们 
进入 显示 。 这 些 所 谓 的 “着 色 器 ”开辟 了 一 个 无 需 经 过 任何 额外 的 CPU 周期 就 能 生成 真 
实感 效果 的 全 新 的 领域 (虽然 在 此 期 间 GPU 一 一 图 形 处 理 单元 一 一 在 努力 工作 !) ， 我 们 可 
以 预期 未 来 的 几 十 年 内 图 形 处 理 能 力 将 会 发 生 更 大 的 飞跃 。 


1.3 一 个 光照 的 例子 


现在 我 们 来 看 一 个 简单 的 场景 ， 并 问 自己 如 何 才 能 生成 它 的 图 像 。 

在 黑暗 的 房间 里 ,一 个 100W 的 点 光源 悬挂 在 桌子 上 方 约 lm 处 ,桌面 涂 有 灰色 乳胶 
漆 。 我 们 从 2m 高 处 看 这 个 桌子 ， 会 看 到 什么 呢 ? 先 不 管 灯 泡 射 出 的 可 见 光 和 景物 表面 的 
精确 反射 率 是 多 少 ， 场 景 中 的 大 致 光照 分 布 (在 灯 下 方 较为 明亮 ， 而 远离 灯 的 区 域 较 暗 ) 可 
由 物理 学 决定 。 可 以 做 一 个 思维 实验 ,想象 一 下 该 场景 的 理想 “画面 ”>。 我 们 希望 绘制 该 
场景 的 图 形 系统 能 生成 与 之 十 分 通 近 的 结果 。 

然而 ， 即 使 最 终结 果 只 需 显 示 出 该 场景 的 大 致 光照 分 布 ， 也 很 难 基于 标准 图 形 包 来 编 
写 相应 的 程序 。 大 多 数 标准 图 形 包 没有 “ 米 ”“ 克 ”或 “焦耳 ”等 单位 的 概念 ， 它 们 对 光 
的 描述 中 甚至 不 考虑 波长 。 此 外 ， 传 统 的 图 形 包 在 计算 入 射 光 的 光 强 时 令 其 与 光源 的 距离 
相关 。 按 物理 学 所 述 ， 入 射 光 强 按 1/d* 变化 ， 但 传统 的 图 形 包 中 采用 了 另 一 规则 。 公 平地 
说 ， 可 以 让 传统 图 形 包 在 计算 入 射 光 强 时 按 二 次 训 减 ， 但 生成 的 画面 看 起 来 并 不 正确 ， 部 
分 原因 是 显示 融 显 示 亮 度 的 非 线性 、 像 素 光 亮度 被 表示 为 一 个 小 范围 内 的 值 (通常 为 
0 一 255)， 而 且 大 和 多数 显示 器 呈现 的 亮度 只 具有 有 限 的 动态 范围 (无 法 真实 地 呈现 非常 明亮 
或 非常 暗 的 物体 ) 。 采 用 线性 衰减 (通常 挫 人 了 一 个 小 的 二 次 项 ) 可 以 部 分 地 弥补 上 述 局 限 
性 ， 生 成 更 好 的 画面 效果 。 但 它 只 是 针对 上 述 问题 的 临时 解决 方法 。 

要 正确 地 绘制 出 如 上 所 述 的 简单 场景 的 图 像 ， 可 能 最 好 的 办 法 就 是 直接 进行 物理 建 
模 ， 然 后 再 考虑 如 何 显示 所 得 到 的 数据 。 在 第 32 章 的 结尾 ， 你 就 可 以 这 样 做 了 。 

在 上 述 例子 中 要 生成 一 个 物理 正确 的 结果 ,我们 需要 研究 图 形 学 中 一 个 特定 的 领域 ， 
即 真实 感 。 显 然 ， 在 图 形 学 发 展 的 早期 ， 由 于 偏重 对 真实 感 的 追求 ， 大 多 数 计算 并 不 是 基 
于 物理 的 。 这 归 因 于 人 的 视觉 系统 (CHVS) 极 为 鲁 棒 : 当 呈 现 给 眼睛 的 结果 稍 有 不 像 物理 真 
实 的 图 像 ， 就 会 引起 我 们 的 视觉 系统 的 注意 。 最 近 出 现 了 将 拍摄 的 图 像 (如 数码 照片 ) 与 采 
用 图 形 技术 生成 的 图 像 组 合 在 一 起 的 趋势 ， 这 证 明 把 这 件 事 做 好 是 多 么 重要 : 倘若 真实 图 
像 和 合成 图 像 的 亮度 不 一 致 ， 马 上 就 会 被 人 们 觉察 到 。 

但 在 图 形 学 中 ， 我 们 追求 的 并 非 物理 上 的 仿真 而 是 如 何以 视觉 的 方式 来 呈现 信息 (如 
一 本 书 或 报纸 版 面 )。 以 上 述 情形 为 例 ， 其 典型 的 视图 是 一 个 光线 好 的 房间 ， 光 以 大 致 相 
同 的 强度 从 各 个 方向 人 射 到 景物 表面 ， 场 景 中 各 处 反射 光 的 差异 大 概 在 10 ”范围 内 。 简 单 





加 ”错误 之 处 并 非 由 于 我 们 对 点 光源 不 熟悉 ， 即 使 我 们 构建 了 面 光源 的 几何 模型 ， 结 果 仍 然 是 错 的 。 
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地 将 屏幕 像素 的 显示 亮度 调整 到 合理 的 区 间 ， 让 它 在 类 似 范 围 内 变化 ,效果 很 好 ， 因 而 无 
需 在 视图 上 模拟 真实 的 物理 反射 。 但 是 ， 必 须要 保证 所 显示 的 图 像 忠实 于 原作 (你 、 我 显 
示 器 上 看 到 的 颜色 应 该 相同 ); 所 显示 的 时 尚 物品 或 油漆 颜色 必须 是 准确 的 ， 确 保 用 户 看 
到 的 是 它们 真实 的 外 观 。 

毫 无 疑问 ， 上 述 过 程 对 抽象 而 言 是 一 个 好 机 会 ， 而 抽象 是 视觉 交流 的 一 个 关键 因素 : 
当 用 户 看 到 文件 时 ,文件 的 物理 特性 并 不 会 对 用 户 的 观感 产生 很 大 的 影响 ， 而 人 们 在 讨论 
文件 时 使 用 的 是 形状 、 颜 色 和 形式 这 些 更 为 抽象 的 术语 。 当 然 ， 这些 抽象 必须 能 刻画 讨论 
中 会 关注 的 内 容 ， 忽 略 那些 对 讨论 的 话题 而 言 并 不 重要 的 细节 ， 这 是 建 模 处 理 的 一 个 关键 
特点 ， 在 本 书 中 ,我 们 会 经 常 回 顾 这 一 点 。 


1.4 目标 、 资 源 和 适度 的 抽象 


上 述 灯 泡 的 例子 给 出 了 另 一 条 原则 : 在 任何 仿真 中 ， 首 先 要 了 解 其 背后 的 物理 或 数学 
过 程 ( 基 于 已 知 的 有 关 它 们 的 知识 )， 然 后， 在 给 定时 间 限 制 、 处 理 絮 能 力 和 类 似 因素 (我 
们 的 资源 ) 的 情况 下 ， 确 定 可 提供 所 需 结果 (目标 ) 的 最 佳 近似 方法 。 

这 种 方法 既 适 用 于 2D 图 形 一 一 例如 你 的 Web 浏览 器 界面 上 的 图 形 对 象 ， 像 用 于 导航 
的 按钮 和 对 后 续 文 字 信息 的 显示 一 一 也 适用 于 含有 特效 的 3D 场景 绘制 。 在 前 一 种 情况 下 ， 
占 主导 地 位 的 因素 可 能 并 非 物理 机 制 而 是 用 户 的 感知 以 及 设计 方面 的 考量 ,不 过 这 些 因 素 
仍然 必须 事先 了 解 。 除 了 选择 包含 丰富 语义 的 抽象 外 ， 割 智 建 模 的 男 一 部 分 是 选择 便于 操 
作 的 表示 : 为 了 表示 平面 上 一 个 实数 函数 的 值 ， 可 以 采用 矩形 数组 ;也 可 以 将 平面 划分 成 
不 同形 状 和 大 小 的 三 角 区 域 ， 然 后 将 实数 值 存 储 在 三 角形 顶点 处 (这 在 构建 流体 模型 时 很 
常见 ) ， 或 者 采用 一 个 可 存储 和 矩形 数组 值 的 数据 结构 ， 每 当 相 邻 区 域 的 值 一 致 时 即将 它们 
合并 成 一 个 更 大 的 矩形 ， 因 此 细节 出 现在 那些 函数 值 急 剧变 化 的 区 域 。 

我 们 将 上 面 的 讨论 总 结 为 以 下 原则 。 

Y” 容 智 建 模 原 则 : 对 某 一 现象 进行 建 模 时 ， 先 深入 了 解 需要 建 模 的 现象 和 建 模 的 目标 ， 
然后 选择 一 个 含义 丰富 的 抽象 模型 ， 再 在 你 所 限 资源 的 范围 内 ， 为 其 选取 合适 的 表示 
方法 。 最 后 ， 通 过 测试 来 验证 所 建 的 抽象 模型 是 否 合适 。 
针对 不 同 的 情形 ， 测 试 也 会 不 同 : 如 果 建 模 时 抽象 的 内 容 涉 及 人 类 的 感知 ， 那 么 这 项 

测试 会 包含 用 户 调查 ; 如 果 抽 象 的 内 容 涉及 物理 现象 (例如 ,“ 可 以 使 用 正弦 曲线 来 模拟 海 

洋 细 浪 ”)， 那 么 测试 会 包含 对 数据 的 度量 。 

Barzel[ Bar92 | 认为 计算 机 图 形 学 中 大 部 分 实景 模型 由 三 部 分 组 成 : 自身 的 物理 模型 、 
数学 模型 和 计算 模型 。( 比 如 说 ,物理 模型 为 : 海洋 波形 表现 为 海水 表面 的 垂直 位 移 ， 波 
浪 的 起 伏 运动 完 全 是 因 周 于 的 高 度 差 而 产生 的 力 ， 而 不 是 因为 风力 ;而 其 数学 模型 是 : 将 
位 移 刻画 为 海洋 表面 整数 网 格 点 位 置 的 时 序 函 数 ， 中 间 各 点 的 值 由 插值 定义 ;计算 模型 则 
可 能 是 : 海面 在 将 来 某 个 时 刻 的 状态 可 由 当前 的 状态 决定 ， 这 可 通过 采用 有 限 差 分 来 通 近 
所 有 导数 ， 然 后 求解 一 个 线性 方程 组 实现 。) 在 程序 中 对 这 三 者 进行 区 分 有 利于 程序 调试 。 
但 是 这 也 意味 着 ， 在 调试 的 时 候 ， 必 须 记 住 当前 的 模型 及 其 抽象 层次 ， 以 及 它们 对 你 所 期 
待 结 果 的 限制 (例如 ， 在 上 述 例子 中 ， 所 采用 的 物理 模型 不 能 模拟 分 裂 的 浪花 ， 而 数学 模 
型 则 告诉 你 将 看 不 到 小 于 网 格 斥 度 的 海面 波浪 细节 )。 不 过 ， 这 在 计算 机 科学 中 并 不 常见 : 
在 计算 机 科学 的 大 部 分 领域 中 ， 你 可 能 构建 了 一 个 计算 模型 或 一 个 机 器 模型 ， 这 一 模型 即 
可 为 你 提供 所 需 的 基础 。 但 在 图 形 学 中 ， 必 须 同 时 构建 问题 的 物理 、 数 学 、 数 值 、 计 算 和 
感知 模型 ， 而 且 这 些 模 型 还 存在 相互 作用 。 








在 2D 和 3D 图 形 学 中 ， 和 弄 清 楚 我 们 工作 所 致力 的 最 终 目 标 至 为 关键 ,图 形 学 讲求 的 
是 视觉 形式 的 交流 ,一 般 是 与 人 的 交流 。 这 个 最 终 的 目标 会 影响 我 们 在 图 形 学 中 要 做 的 许 
多 事情 ， 乃 至 一 切 。( 功 能 决定 形式 ， 这 句 话 在 图 形 学 中 也 是 适用 的 。) 举 一 个 简单 的 例子 ， 
光 是 一 种 电磁 辐射 波 ， 我 们 应 该 如 何 对 它 进行 模拟 呢 ? 由 于 人 类 的 眼睛 只 能 感知 一 定 频率 
范围 内 的 可 见 光 ， 尽 管 普通 灯 管 (包括 太阳 ) 发 射 的 也 有 不 可 见 光 ， 而 且 这 些 不 可 见 光 也 具 
有 一 定 的 能 量 , 但 在 图 形 学 中 我 们 无 需 模拟 它们 (如 无 线 电波 或 者 X 射线 )。 因 此 ， 人 类 视 
觉 系统 的 局 限 性 可 使 我 们 的 程序 节省 许多 计算 量 。 类 似 的 ， 由 于 眼睛 对 于 光 能 的 感知 能 力 
大 致 呈 对 数 规律 ， 故 我 们 在 构建 显示 硬件 时 也 使 一 定量 的 像素 值 差 异 与 它们 所 显示 的 光 能 
之 比 相对 应 。 

Y 视觉 系统 影响 原则 : 在 求解 图 形 学 问题 和 构建 模型 时 需 考虑 人 类 视觉 系统 的 影响 。 

即使 在 2D 显示 中 ， 也 需要 考虑 感知 方面 的 因素 。 由 于 人 类 视 敏 度 有 限 ， 显 示 的 对 象 
必须 具有 一 定 的 尺寸 才能 被 感知 ; 同样 ， 人 类 运动 控制 系统 也 有 局 限 性 ， 交 互 方式 也 必须 
适应 这 种 局 限 性 。 我 们 不 能 让 用 户 在 1280X1024 像素 、17 英寸 大 小 的 显示 器 上 用 鼠标 来 
点 击 某 一 个 特定 的 像素 ， 因 为 这 实际 上 是 做 不 到 的 。 

但 这 并 不 意味 着 感知 会 影响 图 形 学 中 的 每 一 个 决定 ; 在 第 28 章 中 将 看 到 ， 在 整个 绘 
制 过 程 中 ， 如 果 认 为 光 仅仅 反映 了 人 对 颜色 的 3D 感知 ， 而 不 是 作为 整个 光谱 的 表示 ， 将 
引起 风险 。 不 过 ， 在 许多 情形 下 ， 光 的 亮度 变化 范围 有 限 ， 此 时 眼睛 感光 能 力 的 对 数 特 性 
不 是 特别 重要 ， 因 此 常见 做 法 是 取 对 应 于 对 数 亮度 的 像素 值 的 平均 ; 这 类 技术 通常 具有 很 
好 的 实用 效果 。 


1.4.1 深度 理解 与 常见 的 做 法 

由 于 我 们 一 直 在 使 用 计算 机 图 形 学 ， 故 不 得 不 接受 通常 做 法 ， 这 些 做 法 也 是 逐步 形成 
的 ， 在 其 开发 过 程 中 ， 它 们 曾 生成 了 足够 好 的 结果 。 但 是 经 过 对 通常 做 法 的 讨论 之 后 ， 我 
们 将 对 其 有 个 客观 的 认识 ， 读 者 将 认识 到 处 理 图 形 问 题 的 不 同方 法 的 局 限 性 。 


1.5 图 形 学 中 的 常数 和 一 些 参 数值 的 量 级 

由 于 我 们 对 图 形 学 的 学 习 将 从 对 光 的 讨论 开始 ， 如 果 能 了 解 一 些 刻 画 日 常 场景 中 光 的 
特征 的 数字 ， 将 是 非常 有 帮助 的 。 比 如 说 ， 可 见 光大 约 位 于 400 ~ 700nm(lnm 为 1.0X 
10-*m) 的 波长 范围 内 。 人 的 头发 的 直径 约 为 1.0X10-4m， 大 约 为 波长 的 100 ~ 200 倍 ， 使 
用 人 的 尺度 有 助 于 我 们 理解 要 讨论 的 现象 。 


1.5. 1 光 能 量 和 光子 到 达 率 
单一 光子 (不 可 分 的 光线 粒子 ) 的 能 量 已 随 着 波长 4 而 变化 ， 如 式 (1-1) 所 示 
晤 三 矶 5 区 (1-1) 


其 中 ， 普 朗 克 常量 h6. 6X10 “J。s， 光 速 cs*3X10 m/s。 由 此 ， 可 以 得 到 
OR 





E (1-2) 
令 典 型 光子 的 波长 为 650nm， 可 以 得 到 
Ex LX10 J.m ,sx10-"] (1-3) 





650 X 10°m 
即 为 一 个 典型 光子 的 能 量 。 
一 个 普通 的 100W( 瓦 特 ) 白 炽 灯 消 耗 100W 或 100J/s， 但 是 其 中 只 有 很 小 的 一 部 分 被 








转化 为 可 见 光 ， 对 于 效率 最 低 的 灯泡 ， 或许 只 有 2% 一 4 名 。 将 2J/s 除 以 3X10 “J， 可 以 
算出 这 个 灯泡 每 秒 将 发 射出 6. 6X107” 个 可 见 光 子 。 假 设 一 个 体积 4mX 4mX2. 5m 的 办 公 
室 ， 室 内 有 一 些 家 具 ， 其 总 的 表面 积 约 为 100m 二 1X10'cm ， 办 公 室 采用 100W 的 灯泡 
照明 ， 则 每 平方 厘米 每 秒 将 入 射 10” 量 级 的 光子 。 

相 比 之 下 ， 太 阳光 直射 时 的 光子 到 达 率 大 约 为 上 述 数字 的 1000 倍 ， 而 一 间 卧 室 采用 
一 个 小 夜 灯 照明 时 的 光子 到 达 率 只 有 1/100。 因 此 ， 进 入 眼睛 的 光 能 可 在 数 个 量 级 的 范围 
内 变化 。 有 证 据 表 明 已 经 适应 了 黑暗 环境 的 眼睛 可 以 感知 单个 (或 少量 ) 光 子 。 不 管 哪 种 说 
法 ,白天 和 黑夜 进入 眼睛 的 光 能 之 比 可 接近 于 10”。 


1.5.2 显示 器 的 特性 和 眼睛 的 分 辩 率 


因为 我 们 工作 时 总 是 和 计算 机 显示 器 打交道 ， 而 驱动 这 些 显示 器 的 计算 机 通常 会 在 屏 
幕 上 绘制 一 些 多 边 形 ， 采 用 一 些 数字 来 描述 这 一 切 更 能 说 明 问 题 。2010 年 产 的 一 台 典 型 
的 显示 器 有 100 一 150 百 万 个 像素 (像素 为 可 独立 控制 的 显示 单元 ) ， 其 分 辨 率 不 久 将 上 升 
到 400 万 个 像素 ， 显 示 器 宽度 为 37 厘米 ( 约 15 英寸 )， 像 素 中 心间 的 对 角 线 距离 为 
0.25mm。 一 个 典型 显示 器 的 动态 亮度 范围 约 为 500 : 1( 即 最 亮 的 像素 所 发 射 的 光 能 约 为 最 
暗 像素 的 500 倍 ) 。 一 台 设 备 齐 全 的 2010 年 产 的 桌面 显示 器 可 在 观察 者 视角 25 范围 内 显示 。 

人 有 眼 的 角 分 辩 率 约 为 1 弧度 ， 相 当 于 在 1Km 远 的 距离 观察 300mm 的 长 度 ， 或 者 在 约 
lm 距离 处 观察 0. 3mm 长 度 ( 对 观看 计算 机 屏幕 更 为 实际 )。 如 果 像 素 比 当前 尺寸 小 一 半 ， 
眼睛 将 无 法 分 辨 它们 3 。 将 一 行文 字 中 某 个 单独 字符 的 位 置 移动 一 个 像素 ， 可 能 完全 看 不 
出 来 。 另 外 ， 偏 离 视图 中 心 越 远 ， 眼 睛 分 辩 率 会 越 低 ， 因 此 显示 器 屏幕 四 边 处 的 像素 密度 
大 部 分 时 间 并 无 作用 。 另 一 方面 ， 眼 睛 对 于 运动 非常 敏感 。 在 一 片 灰 色 区 域内 ， 如 果 两 个 
相 邻 的 像素 交替 闪烁 ， 则 很 容易 被 发 现 ， 从 而 导致 人 眼 的 运动 错觉 ， 这 对 于 吸引 用 户 的 注 
意 力 是 非常 有 效 的 。 


1.5.3 数码 相机 的 特性 


现在 消费 级 数码 相机 镜头 的 面积 约 为 0. lcm'  。 假 设 我 们 用 它 来 拍摄 上 述 100W 的 白 
炽 灯 ， 并 使 灯泡 的 图 像 占据 整个 画面 。 为 此 ， 我 们 把 镜头 放 到 距离 灯泡 10cm 的 地 方 。 由 
于 10cm 半径 球面 的 表面 积 为 1200cm  ， 因 此 镜头 只 接收 了 灯泡 所 发 光 的 约 1/10 000， 或 
者 说 每 秒 6. 6X10 ”个 光子 。 如 果 曝 光 时 间 为 0.01s， 感 光 器 具有 100 万 个 像素 ， 那 么 每 个 
感光 器 像素 大 约 接收 10 个 光子 。 然 而 如 果 镜 头 对 准 上 述 虚 拟 办 公 室 内 一 片 暗 色 的 地 毯 ， 
每 个 感光 器 像素 所 接收 的 光子 大 约 只 有 100 个 。 


1.5.4 复杂 应 用 的 处 理 需 求 


计算 机 游戏 是 当前 图 形 学 需求 最 大 的 应 用 。 为 了 让 游戏 中 的 场景 出 现在 玩家 的 屏幕 
上 ， 需 要 将 描述 场景 的 多 边 形 传送 给 图 形 处 理 器 。 这 些 多 边 形 通常 具有 各 种 属性 (如 颜色 、 
纹理 、 透 明度 等 )， 它 们 通过 各 种 技术 ( 反 走 样 、 平 滑 着 色 等 ， 后 面 会 详细 讨论 ?予以 绘制 





日 ”每 一 个 显示 单元 实际 上 由 几 部 分 组 成 。 辟 如 一 台 典 型 的 LCD 显示 器 ， 其 红色 、 绿 色 、 蓝 色 部 分 为 3 条 平行 
的 垂直 竖 条 ,它们 组 成 一 个 矩形 。 也 有 可 能 是 其 他 方式 的 组 合 ， 如 CRT 屏幕 上 每 个 像素 由 红 、 绿 、 蓝 三 种 
荧光 粉 组 成 的 三 角形 发 出 红 、 绿 、 蓝 色 的 光 。 

加 ”这 并 不 意味 着 进一步 降低 像素 的 太 寸 没有 意义 。300dpi 的 打印 机 每 个 打印 点 的 尺寸 约 为 0. lmm， 其 打印 质 
量 远 不 如 1200dpi 的 打印 机 ， 即 使 在 半 米 距离 外 观察 也 能 看 出 。 能 清晰 分 辨 相 邻 的 打印 点 和 生成 平滑 的 整体 
画面 打印 效果 是 两 件 不 同 的 事 。 





和 展现 。 在 绘制 多 边 形 时 ， 它 们 所 覆盖 的 每 一 个 像素 都 需要 进行 着 色 计 算 。 因 此 ， 每 秒 绘 
制 的 多 边 形 数 和 每 秒 着 色 的 像素 数 成 为 衡量 绘制 效率 看 
的 两 个 指标 ， 注 意 这 两 个 指标 的 值 时 刻 变 化 。 显 然 ，[ 
绘制 一 个 覆盖 500 个 像素 且 具 有 纹理 、 反 走样 和 透明 
效果 的 多 边 形 和 绘制 一 个 单一 颜色 、 只 覆盖 了 10 个 像 
素 的 三 角形 的 计算 量 大 不 相同 ， 故 很 难 基 于 这 两 个 指 
标 进 行 比较 。 但 是 可 进行 交互 显示 、 含 有 一 百 万 个 多 
边 形 的 复杂 场景 早已 不 足 为 奇 ， 其 中 约 十 万 个 是 可 见 
的 (其 他 或 被 其 前 面 的 物体 谈 挡 或 不 在 视 域内 )， 平均 | 权 2 
每 个 可 见 多 边 形 占 据 10 个 像素 。 由 于 形状 复杂 的 物体 a es 
大 都 采用 多 边 形 网 格 表示 ( 见 图 1-7) ， 许 多 多 边 形 甚至 图 形 学 领域 被 多 次 引用 的 经 
占据 不 到 1 个 像素 。 当 然 ， 对 于 高 质量 、 无 交互 或 包 典 茶 过 模型 

含 特殊 效果 的 场景 ， 最 终生 成 的 画面 可 采用 非常 高 的 

分 辩 率 ， 但 与 此 同时 ,场景 很 可 能 包含 数 百 万 个 多 边 形 ， 此 时 多 边 形 在 屏幕 上 的 投影 小 于 
一 个 像素 的 情形 比比 皆 是 。 






1.6 图 形 管 线 


标准 图 形 系统 的 实施 流程 通常 称 为 图 形 管线 (graphics pipeline)。“ 管 线 ” 一 词 在 这 里 
指 从 数学 模型 到 生成 屏幕 上 像素 的 过 程 ， 它 包含 多 个 步 又。 在 经 典 的 体系 结构 中 ， 这 些 步 
又 是 按 序 执行 的 ， 即 一 个 阶段 的 结果 输出 给 下 一 阶段 ， 前 面 阶段 随即 开始 处 理 新 的 多 边 形 。 

图 1-8 展示 了 这 一 管线 的 简化 示意 图 : 竺 绘制 的 场景 的 数据 可 从 多 个 渠道 输入 ， 最 后 
生成 屏幕 上 的 像素 。 





图 1-8 图 形 管线 ， 版 本 1 


在 许多 情况 下 ， 管 线 的 实现 细节 并 非 关 注 点 ， 这 时 可 以 把 它 看 成 一 个 黑 盒 ， 通 过 黑 
盒 ， 场 景 几 何 模型 被 转化 为 场景 多 边 形 的 光栅 透视 投影 (这 里 我 们 暂时 忽略 平行 投影 情形 ) 
图 像 。 从 男 一 角度 看 ， 对 图 形 处 理 的 特性 有 所 了 解 还 是 有 价值 的 ， 尤 其 是 绘制 效率 举 足 轻 





重 的 时 候 。 对 图 形 管线 中 各 方 框 详细 内 容 的 讲述 将 贯穿 本 书 。 

即使 将 图 形 管线 看 作 黑 盒子 ， 也 能 编写 出 许多 实用 的 程序 。 这 时 你 无 需 考 虑 它 的 具体 
实现 ， 而 只 需 将 其 视 为 由 黑 盒 子 定 义 ( 非 物理 定义 ) 的 从 模型 到 图 像 的 变换 (如 之 前 提 到 的 
光 强 非 二 次 衰减 ) 。 

不 过 ， 过 去 十 年 间 的 发 展 使 得 上 述 图 形 管线 几乎 被 上 废弃。 由 于 图 形 应 用 编程 接口 (APT) 
提供 了 可 调整 管线 中 每 一 阶段 参数 的 实用 方法 ， 上 述 固定 功能 的 管线 模型 正在 被 快速 淘汰 ， 
取而代之 的 是 由 称 为 着 色 器 (shader) 的 程序 来 实现 管线 中 某 些 阶段 甚至 是 整个 管线 的 功能 。 
很 容易 编写 一 个 小 的 shader 程序 来 模拟 固定 功能 管线 ， 并 且 现 代 shader 程序 变 得 越 来 越 复 
杂 ， 可 以 实现 许多 之 前 的 图 形 卡 无 法 做 的 事情 。 尽 管 如 此 ， 固 定 功 能 管线 依然 提供 了 一 个 很 
好 的 概念 框架 ， 可 以 在 这 个 基础 上 来 添加 变化 ， 即 需要 编写 多 少 个 shader 程序 。 


1.6.1 纹理 映射 与 近似 


图 形 管 线 中 的 一 个 标准 模块 是 纹理 映射 (texture map)。 纹 理 映射 通过 查 表 的 方式 将 纹 
理 图 像 的 颜色 映射 到 一 个 或 多 个 多 边 形 上 。 这 个 过 程 就 像 在 表面 上 刻写 图 案 或 是 将 一 张 花 
纹 纸 粘贴 到 物体 上 。 纹 理 图 像 可 以 是 扫描 到 系统 中 的 艺术 画作 ， 可 以 是 数码 相机 拍摄 的 照 
片 ， 或 者 是 用 绘图 软件 制作 的 图 像 。 你 可 以 将 纹理 图 案 想 象 成 一 张 有 图 案 的 橡胶 片 。 而 纹 
理 坐 标 描 述 了 为 了 使 这 张 橡胶 片 能 准确 覆盖 物体 的 某 些 部 位 ， 橡 胶片 是 如 何 进行 拉 伸 和 变 
形 的 。 

通过 纹理 映射 来 指定 图 像 上 每 个 点 的 颜色 仅仅 是 纹理 映射 的 众多 应 用 之 一 。 纹 理 映射 
的 核心 思想 已 被 推广 并 用 于 调整 表面 的 多 种 外 观 性 质 。 例 如 ， 一 个 物体 的 外 观 部 分 取决 于 
表面 的 法 向 量 ( 外 表面 每 一 点 处 垂直 表面 的 向 量 )。 计 算 光 从 表面 的 反射 时 就 涉及 法 向 量 。 
由 于 表面 通常 采用 多 边 形 网 格 表示 ， 所 以 通常 在 各 多 边 形 的 顶点 处 计算 表面 的 法 向 量 ， 多 
边 形 内 部 各 点 的 法 向 量 则 通过 插值 获得 ， 从 而 使 该 物体 表面 呈现 平滑 的 外 观 效 果 。 

如 果 在 表面 绘制 时 不 采用 真实 的 法 向 量 (或 通过 插值 来 近似 )， 而 对 每 个 多 边 形 不 同 的 
点 采用 截然 不 同 的 法 向 量 ， 则 表面 上 每 个 点 处 会 呈现 不 同 的 外 观 ， 看 上 去 更 朝向 我 们 或 更 
远离 我 们 。 如 果 将 这 一 方法 应 用 于 整个 表面 ， 则 可 使 一 个 近乎 光滑 的 表面 呈现 凹凸 不 平 的 
效果 ( 见 图 1-9) 。 








图 1-9 左 图 所 画 是 一 幅 法 向 图 。 图 中 每 一 点 的 +、y 坐标 对 应 于 球面 上 一 点 的 纬度 和 经 度 。 每 个 点 处 存 
储 的 RGB 颜色 分 量 决定 了 球面 上 对 应 点 法 向 量 将 如 何 倾斜 。 淡 紫色 表示 无 倾斜 ， 而 四 周 的 4 个 
条 纹 表示 该 点 处 的 球面 法 向 量 将 分 别 朝 上 、 朝 下 、 朝 左 、 朝 右倾 斜 。 右 图 中 法 向 映射 生成 的 形状 
看 上 去 似乎 凹凸 不 平 ， 但 从 侧 影 轮 廓 线 可 看 出 ， 表 面 实际 上 是 光滑 的 。 注 意 ， 它 采用 了 天 空 的 镜 
面 映像 作为 “颜色 纹理 ” 


从 图 1-9 可 以 看 出 ， 即 使 是 一 个 真实 的 球形 表面 ， 也 可 让 它 的 外 表 看 上 去 有 很 多 几何 
上 的 变化 。 不 过 ， 在 表面 轮廓 线 附近 ， 上 述 方法 并 无 效果 ， 这 是 这 类 映射 方法 共同 的 局 限 
性 。 另 一 方面 ,采用 法 向 映射 的 方法 ， 只 需 绘 制 少量 多 边 形 就 可 以 生成 原本 需要 数 千 个 多 
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边 形 才能 实现 的 效果 ， 这 是 该 方法 的 突出 优点 。 在 图 形 学 中 这 类 选择 很 常见 : 要 么 追求 物 
理 上 正确 (通常 需 用 更 为 复杂 的 模型 ) ， 要 么 采用 小 得 多 的 模型 来 生成 近似 图 像 。 如 果 模 型 
的 大 小 和 处 理 时 间 的 长 短 会 影响 总 的 工程 预算 ， 这 些 因素 是 必须 要 加 以 权衡 的 。 


1.6.2 更 为 详细 的 图 形 管 线 


上 文 已 经 提 到 ， 管 线 结构 让 我 们 能 并 行 处 理 很 多 任务 ， 管 线 上 的 每 一 阶段 针对 一 部 分 
数据 执行 某 个 任务 ， 然 后 将 处 理 结果 传送 给 下 一 阶段 ， 接 着 这 一 阶段 立即 开始 处 理 下 一 部 
分 数据 。 如 果 管 线 设计 合理 ， 则 能 大 大 提高 处 理 能 力 。 当 然 ， 随 着 管线 所 含 阶段 数 的 增 
多 ,从 输入 数据 到 生成 最 终结 果 所 需 的 时 间 总 量 也 将 增加 。 对 于 交互 性 能 要 求 很 高 的 系 
统 ， 这 种 滞后 或 者 潜在 滞后 也 许 是 关键 性 的 。 

图 形 管线 包括 4 个 主要 部 分 : 顶点 几何 处 理 和 变换 、 三 角形 处 理 ( 光 栅 化 ) 和 片段 
(fragment) 生 成 、 纹 理 映 射 和 光照 以 及 用 来 组 装 最 终 图 像 的 片段 组 合 操作 。 对 此 我 们 下 面 
就 会 概述 (在 第 15 章 和 第 38 章 中 将 详细 介绍 ) 。 你 可 以 将 这 一 管线 看 成 是 庶 人 了 典型 程序 
结构 的 更 大 管线 的 一 部 分 (如 图 1-10 所 示 ， 其 中 顶点 处 理 部 分 被 标记 为 “几何 变换 ”， 片 段 生 
成 、 纹 理 和 光照 合 起 来 放 到 一 个 单独 的 框 里 ， 最 后 的 片段 加 工 处 理 则 标记 为 “生成 图 像 ”。 





图 1-10 根据 对 这 个 更 大 的 图 形 管线 的 描述 ， 应 用 程序 (如 动画 ) 将 执行 某 些 操作 来 确定 需 显示 的 几 
何 物体 ;然后 将 相关 的 几何 描述 交 给 图 形 管线 ， 最 终生 成 图 像 。 期 间 ， 由 于 图 形 管线 可 返 
回 许 多 数据 ， 用 户 根据 显示 图 像 实 时 输入 的 信息 ， 可 能 会 影响 应 用 程序 的 下 一 步 操 作 
在 这 个 更 大 的 管线 里 ， 应 用 程序 提供 显示 所 需 的 数据 ， 而 图 形 管线 则 生成 最 终 的 图 
像 。 但 在 此 期 间 用 户 可 能 会 输入 信息 对 应 用 程序 进行 控制 (例如 对 所 显示 的 图 像 有 所 回 
应 )， 还 有 从 图 形 管线 中 返回 的 信息 ， 它 们 组 合 起 来 ， 用 于 计算 下 一 帧 画面 。 
该 图 形 管 线 的 每 一 部 分 都 包含 了 几 个 按 序 执行 的 任务 。 在 实际 执行 中 ( 见 第 38 章 )， 
各 任务 的 先后 顺序 可 能 有 变化 ， 但 用 户 仍 可 认为 它们 是 依 序 执行 的 ， 图 形 程 序 员 在 创立 应 
用 程序 时 应 基于 管线 这 一 概念 。 大 部 分 API 都 提供 了 可 用 来 控制 图 形 管 线 的 “程序 员 模 
型 "*。 尽 管 各 部 分 内 任务 的 执行 顺序 (甚至 各 部 分 间 的 顺序 ) 可 以 改变 , 但 是 图 形 系统 最 终 
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生成 的 结果 必须 与 按 序 执行 所 生成 的 结果 一 样 。 因 此 ， 图 形 管线 只 是 一 个 抽象 的 概念 一 一 
一 种 思考 工作 流程 的 方式 ; 它 让 我 们 了 解 最 终 会 生成 什么 结果 ， 而 忽略 底层 具体 的 实现 
过 程 。 

管线 的 顶点 几何 处 理 部 分 负责 输入 物体 的 几何 描述 (通常 为 逼近 物体 表面 的 多 边 形 网 
格 的 顶点 位 置 ， 这 里 所 说 的 网 格 是 共享 顶点 和 边 的 一 系列 多 边 形 的 集合 ) 以 及 施加 于 这 些 
顶点 的 特定 变换 ， 然 后 计算 变换 后 顶点 的 实际 位 置 。 顶 点 变换 后 ， 由 这 些 顶 点 定义 的 多 边 
形 网 络 自 然 也 会 随 之 变换 。 

三 角形 处 理 阶段 输入 的 是 多 边 形 网 络 ( 通 常 为 三 角形 网 格 ) 和 用 来 拍摄 场景 的 虚拟 相机 
的 参数 ， 然 后 对 多 边 形 逐个 进行 光栅 化 处 理 ， 将 它们 从 连续 的 几何 表示 (三 角形 ) 转 化 为 面 
向 显示 的 离散 像素 表示 (确定 三 角形 包含 哪些 像素 或 者 其 一 部 分 ) 。 

在 片段 生成 过 程 中 ， 将 根据 场景 中 的 光照 和 网 格 纹理 (例如 豹 斑 ) 来 计算 片段 (三 角形 
内 的 像素 或 其 一 部 分 ， 如 果 未 被 其 他 片段 遮挡 ， 将 展示 在 最 终 画 面 中 ) 的 颜色 。 

如 果 多 个 片段 覆盖 同一 像素 ， 通 常 绘制 位 于 最 前 面 的 片段 (最 接近 观察 者 的 片段 )， 不 
过 也 可 以 实施 其 他 面向 单个 像素 的 操作 (例如 透明 计算 ,或 者 进行 “ 掩 膜 ” 使 得 仅仅 特定 
的 片段 被 绘制 ， 而 其 他 处 于 “ 掩 膜 ” 状 态 的 片段 则 不 加 处 理 )。” 

在 现代 系统 中 ， 这 些 工作 通常 由 一 个 或 多 个 图 形 处 理 单元 (GPU) 实 现 ， 这 些 GPU 
通常 姐 在 一 张 独立 图 形 卡 上 ,插入 计算 机 的 通信 和 总线。 这 些 GPU 具有 一 种 特质 的 体系 
结构 ， 专 门 用 来 支持 快速 和 深层 的 图 形 管线 流程 。 鉴 于 其 功能 如 此 强大 , 一些 编程 人 员 
开始 将 其 视 为 协 处 理 器 来 执行 与 图 形 学 无 关 的 计算 。 这 一 想法 并 非 首次 出 现 ， 从 20 世 
纪 60 年 代 开 始 已 被 多 次 重 塑 。 在 早期 的 版 本 中 ， 该 协 处理 器 逐渐 趋 近 CPU( 例 如 ， 与 
CPU 共享 内 存 ) 并 变 得 起 来 越 强 大 ， 直 至 它 几乎 变 成 了 CPU 的 一 部 分 ， 之 后 设计 师 们 开 
始 构建 一 种 更 密切 关联 于 显示 器 的 新 型 图 形 处 理 器 。 这 种 新 型 图 形 处理 器 被 Myer 和 
SutherlandL MS68] 在 其 具有 历史 价值 的 文献 中 称 为 轮回 之 轮 。 但 是 ， 这 个 表述 可 能 存在 
某 种 误导 ， 正 如 WhittedL Whil0] 所 说 :“ 即 使 我 们 意识 到 历史 的 相似 性 ， 我 们 有 时 仍 会 
忘记 这 著名 的 “轮回 之 轮 "的 含义 ， 因 为 在 其 转动 之 时 ， 我 们 会 被 引入 了 一 个 陌生 的 技术 


1.7 图 形 学 与 艺术 、 设 计 、 感 知 的 关系 

图 1-11 左 侧 的 简 图 只 用 寥寥 数 笔 就 勾勒 出 了 灯 的 形状 和 设计 风格 。 图 1-11 右 侧 Henri 
Matisse 作品 “女人 的 脸 ” 虽 然 不 超过 13 笔 ， 但 仍 能 向 观 者 传递 巨大 的 信息 量 。 它 其 至 比 
当前 许多 图 形 学 绘制 的 最 好 的 脸 部 图 像 更 易 识别 。 这 一 定 程度 上 是 因为 诡异 谷 理论 一 一 来 
自 机 器 人 学 中 的 一 种 假说 LMor70]， 这 一 假说 称 : 随 着 机 器 人 变 得 越 来 越 像 人 类 ， 观 察 者 
对 它 的 亲近 感 在 增长 到 某 一 程度 之 后 会 急剧 下 降 ， 直 到 机 器 人 跟 人 非常 像 之 后 亲近 感 迅速 
超越 先前 的 水 平 。 诡 异 谷 即 指 其 中 的 一 段 区 域 ， 它 与 人 类 相似 度 非常 高 ， 但 人 对 它 的 亲近 
感 却 非常 低 。 同 样 ， 绘 制 生成 的 几乎 “接近 真实 ”人 的 图 像 常 被 形容 为 “ 令 人 毛骨悚然 ” 
或 者 “怪异 ”。 除 此 之 外 ， 还 有 男 外 的 重要 区 别 : Matisse 的 绘画 非常 简洁 ， 但 采用 绘制 技 
术 来 生成 一 张 真实 的 脸 ， 则 需要 耗费 大 量 的 计算 。 这 是 因为 艺术 家 和 设计 师 们 采用 逆向 工 
程 的 方法 来 模拟 人 类 视觉 系统 ， 力 图 以 最 小 的 “绘画 开销 ”来 获得 最 大 的 感知 效果 。 他 们 








加 注意 ,选择 像素 (一 个 光栅 网 格 ) 作 为 图 像 显示 的 基本 单元 隐 含 着 最 终结 果 所 包含 的 信息 是 有 限 的 : 你 无 法 
通过 放大 一 个 像素 来 查看 更 多 的 细节 。 但 有 时 在 计算 中 ， 为 获得 满意 的 结果 ， 单 个 像素 显示 的 内 容 需 要 在 
子 像素 精度 上 进行 计算 。 我 们 时 常会 遇 到 这 种 情形 。 
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的 工作 使 我 们 领悟 到 图 形 显示 的 目的 是 交流 ， 而 要 实现 这 个 目标 ， 有 时 通过 其 他 方式 比 
“真实 感 ” 绘 制 更 好 。 例 如 ， 在 汽车 修理 手册 中 ， 可 以 采用 照片 来 做 说 明 ， 但 最 优质 的 手 
册 却 使 用 手绘 图 来 进行 说 明 ( 见 图 1-12)， 以 便 突出 重要 的 细节 并 上 略 去 其 他 无 关 的 细节 。 哪 
些 细节 更 重要 ? 这 既 取 决 于 图 像 创 建 者 的 意图 ， 也 取决 于 人 的 视觉 系统 。 例 如 ， 我 们 知道 
人 类 视觉 系统 对 亮度 的 急剧 变化 很 敏感 ， 对 垂直 和 水 平 线 比 对 斜 线 更 敏感 。 这 部 分 地 解释 
了 为 什么 线 画 图 是 有 效 的 表意 手段 ， 以 及 为 什么 人 会 优先 注视 垂直 线 和 水 平 线 而 忽略 对 
角 线 。 





图 1-11 Jack Hughes 提供 的 “ 灯 ” 由 5 条 笔划 组 成 , 而 图 1-12 2D 修 理 手册 只 绘 出 所 需 的 细节 ， 


Matisse 的 作品 “女人 的 脸 ” 只 采用 13 条 笔划 就 而 略 去 了 无 关 的 内 容 
勾勒 出 了 女郎 脸 部 的 外 形 和 情绪 


每 一 工程 问题 都 会 涉及 经 费 预 算 ， 图 形 学 也 不 例外 。 在 生成 下 一 帧 显示 画面 之 前 ， 你 
将 受 限 于 可 以 传送 给 图 形 管线 的 多 边 形 的 数量 、 可 以 填充 的 像素 总 数 以 及 CPU 可 以 承受 
的 计算 量 ， 在 此 基础 上 决定 画 哪 些 多 边 形 。 艺 术 家 在 创作 时 也 面临 类 似 的 考量 : 甚至 包括 
在 页 面 上 设置 标记 的 工作 量 、 至 场景 呈现 所 要 画 的 风景 之 前 需 等 待 的 时 间 ( 你 无 法 在 半夜 
画 一 幅 日 出 的 画 ) 等 。 而 且 他 们 已 经 开发 了 一 些 技术 ,可 以 用 较 少 的 开销 来 表现 一 个 场景 : 
例如 ， 夯 轮廓 线 图 以 及 通过 单 色 填充 来 增加 对 比 度 以 区 分 不 同 的 物体 等 。 我 们 可 以 从 艺术 
家 采用 逆向 工程 模拟 人 类 视觉 系统 的 思路 中 得 到 启发 ， 运 用 他 们 的 技术 来 提高 绘制 效率 。 
毕竟 ， 计 算 机 生成 的 大 多 数 图 形 是 给 人 看 的 ， 画 得 好 不 好 最 终 得 由 人 的 大 脑 来 评价 。 还 有 
一 个 因素 需要 考虑 : 观众 的 注意 力 。 图 形 同 样 受 限 于 观众 能 花费 多 少时 间 和 精力 来 理解 其 
传递 的 信息 。 当 然 ， 我 们 对 于 “是 否 满 意 ”的 标准 也 随 着 时 间 而 有 所 改变 : 20 世纪 60 年 
代 和 70 年代 生成 的 图 像 在 当时 看 起 来 非常 好 ， 但 已 完全 不 符合 现在 的 标准 。 

另 一 方面 ， 视 觉 系统 的 特性 让 我 们 可 以 采用 简单 有 效 的 表达 方式 对 现实 进行 近似 来 合成 
令 人 信服 的 结果 。 早 期 的 云 模型 LGar85 虽然 
采用 极其 简单 的 近似 表示 来 描述 云 的 形状 ， 
但 非常 有 效 ， 原 因 是 人 的 眼睛 不 会 特别 关注 
云 的 几何 图 形 ， 只 要 它 看 上 去 是 鞍 松 的 就 可 
以 了 。 但 是 更 多 时 候 ， 这 样 的 简化 会 失败 。 
例如 ， 我 们 或 可 采用 许多 小 的 三 角形 来 构建 
表面 网 格 ， 每 个 三 角形 填充 单一 颜色 (平面 着 
色 )， 并 让 相 邻 三 角形 的 颜色 之 差 也 很 小 ， 从 pe 
pd aati ny li enh 侧 窄带 颜色 更 亮 ， 其 右 侧 窄带 稍 瞳 ， 从 
幸 的 是 ， 除 非 三 角形 非常 小 ， 否 则 会 导致 马 而 使 得 各 窄带 之 间 的 分 界线 被 凸显 出 来 ， 
赫 带 效应 ( 见 图 1-13)， 产 生 很 差 的 视觉 效果 。 该 效应 称 为 马赫 带 效应 








1.8 基本 图 形 系 统 


一 个 现代 的 图 形 系统 包括 若干 交互 装置 (键盘 、 鼠 标 、 写 字 板 或 触摸 屏 )、 一 个 CPU、 一 
个 GPU 和 一 个 显示 器 。 如 今 的 显示 器 或 者 是 液晶 显示 器 (LCD)， 或 者 是 阴极 射线 管 CCRT) 
显示 器 ， 与 此 同时 ， 新 的 显示 技术 (如 等 离子 和 OLED( 有 机 发 光 二 极 管 )) 不 断 刷 新 着 行业 的 
面貌 。 每 一 种 显示 器 显示 的 都 是 排列 成 矩形 阵列 的 像素 ， 或 者 说 可 呈现 不 同 颜色 和 亮度 的 微 
小 区 域 ( 通 过 控制 红 、 绿 、 蓝 三 种 颜色 来 调节 所 显示 的 颜色 )。 在 CRT 的 情形 中 ， 每 一 个 像 
素 都 对 应 屏幕 上 一 个 由 了 RGB 三 色 效 光 粉 组 成 的 近似 圆 形 的 小 区 域 。 当 一 个 像素 被 激活 时 ， 
相应 的 区 域 会 发 光 ， 而 且 中 心 明亮 ,其 边缘 则 迅速 地 暗淡 下 来 ， 因 而 相 邻 像素 的 发 光 区 域 仅 
有 少量 重 和 到。 在 LCD 的 情形 中 ， 屏 幕 有 一 个 从 背后 射 来 的 光 ， 每 一 个 像素 由 三 个 小 矩形 组 
成 ， 可 分 别 让 一 定量 的 红 、 绿 、 蓝 背 射 光 穿 过 直达 观察 者 。 像 素 之 间 的 间 际 非常 小 (如 同 地 
板 瓷砖 间 的 缝隙 一 样 ) 。 但 是 ， 在 很 多 情况 下 ， 我 们 可 认为 LCD 像素 覆盖 了 整个 LCD 屏幕 。 
每 一 个 像素 的 亮度 (无 论 哪 种 显示 器 ) 均 可 由 程序 来 控制 。 我 们 也 可 以 假设 (除非 极为 严格 的 
环境 ): 所 有 的 像素 均 可 显示 同样 的 亮度 ， 它 们 显示 的 亮度 并 不 因 其 不 同 的 位 置 而 有 明显 的 
差别 ( 即 在 激活 状态 下 ， 处 于 显示 器 中 心 区 域 的 像素 和 边缘 区 域 的 像素 亮度 相同 ) 。 

图 形 程序 通常 在 CPU 上 和 运行， 程序 对 来 自 交 互 设备 的 输入 信息 进行 处 理 ， 然 后 将 描述 

显示 内 容 的 指令 发 送 给 GPU; 反 过 来 ， 又 引发 用 户 做 进一步 交互 ， 依 此 循环 下 去 。 在 几乎 
0 上 述 运行 流程 均 由 图 形 平 台 ( 作 为 图 形 应 用 程序 和 硬件 之 间 的 桥梁 ) 提 供 ， 不 过 
现在 我 们 来 考虑 一 个 简单 的 情况 : 从 头 开 始 构建 一 个 基本 的 图 形 程 序 。 一 般 而 言 ， 在 大 多 数 
时 间 ， 显 示 器 稳定 地 刷新 (例如 ， 每 1/30 秒 刷 新 一 次 )， 而 用 户 输入 只 是 偶尔 发 生 。 最 简单 
的 应 用 模型 是 在 每 一 次 屏幕 刷新 时 都 向 GPU 发 布 一 条 新 的 显示 指令 ， 这 时 的 帧 速 通常 为 每 
秒 15 一 75 帧 。 帧 速 过 低 将 严重 降低 交互 的 质量 ， 形 成 很 大 的 延迟 (动作 发 生 至 屏幕 产生 响应 
的 时 间 ， 动 作 可 以 是 用 户 的 点 击 或 当前 帧 的 刷新 )， 所 以 必须 谨慎 使 用 这 个 简单 的 模型 。 


1.8.1 图 形 数据 


通常 情况 下 ， 图 形 模 型 会 创建 于 某 一 方便 的 坐标 系 中 ; 一 个 用 作 和 山子 的 立方 体 ， 可 以 
建 模 为 一 个 单位 立方 体 ， 立 方 体 的 中 心 位 于 3D 空间 的 原点 ， 各 点 的 x、y 和 xz 坐标 均 位 于 
一 0.5 和 0.5 之 间 。 我 们 称 这 个 坐标 系 为 模型 空间 或 对 象 空间 坐标 系 。 

然后 ， 将 这 个 立方 体 放置 在 场景 中 (场景 是 由 一 系列 物体 和 光源 组 成 的 模型 )。 假 设 货 
子 放 在 桌子 上 ， 桌 子 的 y 坐标 为 6 个 单位 ; 在 场景 描述 中 ， 可 通 te 
( 角 点 ) 的 坐标 实施 一 定 的 变换 ， 将 山子 移动 到 给 定位 置 。 具 体 而 言 ， 对 于 上 述 艇 子 ， 可 将 
立方 体 的 所 有 项 点 的 y 坐标 加 上 6.5， 使 角子 的 底部 刚好 位 于 桌子 的 项 面 。 所 得 到 的 坐标 
称 为 场景 空间 坐标 ( 见 图 1-14)。( 第 2 章 非常 详细 地 描述 了 建 模 过 程 的 一 个 例子 。) 

虚拟 相机 的 位 置 和 朝向 亦 表示 为 场景 空间 坐标 ， 虚 拟 光 源 的 位 置 和 物理 特性 同样 如 
此 。 现 考虑 一 个 新 的 坐标 系 ， 其 原点 设置 在 虚拟 相机 的 中 心 ( 见 图 1-15)，z 轴 指 向 相机 的 
右 侧 ( 从 后 面 看 过 来 )，z 轴 指 向 相机 的 后 侧 (这 意味 着 = 轴 负 方向 朝 相 机 的 拍摄 方向 )。 场 
景 空 间 中 的 所 有 景物 均 可 表示 为 这 一 坐标 系 中 的 坐标 ;该 坐标 系 称 为 相机 空间 坐标 系 或 者 
简单 地 称 为 相机 坐标 系 ” 。 基 于 场景 坐标 计算 其 对 应 的 相机 坐标 相对 简单 (第 13 章 )， 图 形 
平台 通常 提供 了 这 种 变换 功能 。 





加 ”又 称 为 摄像 机 坐标 系 ， 本 书 中 文 版 中 对 摄像 机 和 相机 不 加 区 别 。 一 一 译 者 注 
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图 1-14 在 左边 ,一 个 仍 子 位 于 其 模型 坐标 系 的 中 心 。 在 右 图 中 ， 同 一 般 子 被 移 到 
场景 坐标 系 中 ， 每 个 顶点 的 y 坐标 (y 轴 正 方向 朝 “上”) 增 加 6.5 


随后 ,景物 上 各 点 的 相机 坐标 被 转换 为 规格 化 设 
备 坐 标 ， 在 这 一 坐标 系 中 ， 可 见 景物 的 二 、y 坐标 被 表 
示 成 一 1 和 1 之 间 的 浮 点 值 ，x 坐标 为 负 值 (x+、y 坐标 
超出 此 范围 的 景物 不 在 相机 的 视 域内 ; 而 x 二 0 的 景物 
则 位 于 相机 背后 ， 不 在 镜头 之 前 )。 最 后 ， 可 见 片 段 被 
变换 为 像素 坐标 。 注 意 像素 坐标 为 整数 (其 中 像素 (0， 
0) 位 于 显示 器 的 左上 角 ， 像 素 (1280，1024) 位 于 显示 
器 的 右 下 角 )， 这 一 变换 可 通过 坐标 值 缩放 和 取 整 来 实 
现 。 所 得 到 的 坐标 值 有 时 也 称 为 图 像 空间 坐标 。 回 到 
被 作为 一 对 般 子 之 一 的 立方 体 上 ， 我 们 希望 立方 体 的 
每 一 面 看 起 来 都 像 贷 子 。 为 此 ， 可 以 使 用 包含 了 骨 子 
每 一 面 图 案 的 图 像 作为 纹理 图 。 立 方 体 每 个 面 的 顶点 
也 赋予 纹理 坐标 ， 用 以 确定 哪 一 区 域 的 纹理 将 映射 到 
它们 上 面 ( 见 图 1-16) 。 





图 1-15 





虚拟 相机 取 某 一 朝向 (姿态 ) 
从 指定 位 置 观看 场景 。 我 们 
可 以 以 相机 的 中 心 为 原点 创 
建 一 个 坐标 系统 ， 其 = 轴 正 
向 与 视线 方向 相反 ,， xz 和 y 
轴 分 别 指向 相机 的 右 侧 和 上 
方 。 该 坐标 系 中 的 点 的 坐标 
称 为 相机 坐标 


图 1-16 将 角子 六 个 面 中 每 一 个 面 的 顶点 (通过 一 个 拆 分 的 视图 显示 ) 赋 予 纹理 坐标 (各 项 点 赋值 如 图 中 
箭头 所 示 ); 然后 将 纹理 图 像 映射 到 骨 子 的 每 一 面 上 (可 将 同 纹理 视 为 贴 在 立方 体 表面 的 一 张 
可 拉 伸 的 橡胶 片 )。 值 得 注意 的 是 ， 由 于 同一 点 可 由 多 个 表面 共享 ， 同 一 3D 位 置 可 能 对 应 于 
多 个 纹理 坐标 。 不 过 ， 在 仍 子 的 例子 中 ,这 并 无 争议 ， 因 为 其 3D 点 的 所 有 实例 均 被 赋予 相 
同 的 纹理 颜色 。 第 20 章 将 更 深入 地 讨论 这 一 题目 。 最 终生 成 的 带 有 纹理 的 仍 子 如 右 侧 图 所 示 





上 面 简 介 了 从 欧 氏 空间 的 连续 几何 到 屏幕 空间 光栅 化 表示 的 各 种 变换 (还 有 纹理 图 像 
的 光栅 化 ) ， 其 中 涉及 的 许多 细节 将 在 第 18 章 讨论 。 


1.9 视 为 黑 盒 的 多 边 形 绘制 
二 人 

我 们 目前 暂 将 多 边 形 绘制 视 为 一 个 黑 盒 : 我 们 有 一 个 图 形 系统 ， 当 告知 图 形 系统 绘制 一 

多 边 形 时 ， 它 会 在 显示 器 的 正确 像素 上 显示 正确 的 颜色 。 这 种 所 外 外 理 方 法 让 我 们 能 体 下 

交互 、 颜 色 和 坐标 系统 。 在 后 面 的 各 章 中 我 们 再 返回 来 详细 描述 。 


1.10 图 形 系统 中 的 交互 


图 形 程序 在 以 某 种 方式 显示 图 像 的 同时 ， 也 涉及 一 定 的 用 户 交 互 。 例 如 ， 在 许多 程序 
中 ， 用 户 通过 鼠标 点 击 、 选 择 菜单 项 、 在 键盘 上 打字 进行 交互 。 然 而 ， 某 些 程序 的 交互 层 
次 (如 许多 3D 游戏 ) 却 更 复杂 。 

为 了 支持 这 种 交互 ， 图 形 程 序 通 常 采用 两 个 并 行 的 线程 ;一 个 线程 处 理 主 程序 ， 男 一 
个 线程 处 理 GUI。GUI 中 的 每 个 部 件 一 一 按钮 、 复 选 框 、 滑 动 条 等 ， 都 关联 于 主 程序 中 
的 一 个 回调 程序 。 例 如 ， 当 用 户 点 击 某 一 按钮 时 ，GUI 线程 就 会 启动 按钮 的 回调 程序 。 该 
程序 可 能 修改 一 些 数据 ， 还 可 能 要 求 GUI 去 做 男 一 些 改变 。 

作为 一 个 例子 ， 想 象 一 个 简单 的 游戏 : 让 用 户 来 猜 计算 机 已 经 选择 好 的 一 个 数字 一 一 
、2 或 者 3。 为 此 用 户 在 三 个 按钮 中 点 击 其 中 一 个 。 如 果 用 户 点 击 的 是 正确 的 按钮 ， 显 示 
oo “你 赢 了 ”;， 如 果 不 是 ， 它 会 提示 “ :请 再 试 一 次 ”。 在 这 种 情况 下 ， 即 用 户 点 击 按 
钮 2 而 秘密 的 数字 是 1 时 ， 按 钮 2 的 回调 程序 会 做 如 下 事情 : 

1) 检查 2 是 否 是 那个 秘密 的 数字 。 

2) 因为 2 并 非 那个 秘密 数字 ， 故 让 GUI 显示 “再 试 一 次 ”的 消息 。 

3) GUI 将 按钮 2 的 颜色 改 为 灰色 (禁用 )， 以 避免 用 户 再 做 同一 尝试 。 

当然 ， 对 按钮 1 和 按钮 3 的 回调 过 程 是 相似 的 ， 在 每 一 种 情况 下 ， 如 果 猜 测 是 正确 
的 ， 按 钮 会 要 求 GUI 显示: 用 户 已 经 赢 了 。 

对 于 更 复杂 的 程序 ， 其 回调 程序 的 结构 可 能 更 复杂 ， 当 然 ， 总 的 思路 和 这 个 简单 的 例 
子 是 一 样 的 。 可 将 上 述 回调 的 过 程 称 为 按钮 的 “行为 ”因此 交互 部 件 同时 具有 人 外 观 和 行 
为 。 毫 不 奇怪 ,许多 成 功 的 界面 都 与 这 二 者 相关 一 一 在 一 定 程度 上 ， 用 户 根据 一 个 部 件 的 
外 观 即 可 推测 出 它 的 行为 (最 简单 的 例子 就 是 一 个 标记 有 文字 信息 的 按钮 。 当 点 击 一 个 标 
记 有 “退出 ”字样 的 按钮 时 ， 会 导致 程序 (或 某 种 行动 ) 退 出 !) 

对 GUI 线程 和 应 用 程序 线程 的 调度 安排 通常 由 图 形 平台 通过 操作 系统 来 操作 ， 而 且 
在 一 定 程度 上 它 对 程序 员 是 完全 透明 的 。 


1.11 不 同类 型 的 图 形 应 用 
很 多 应 用 都 要 用 到 计算 机 图 形 学 ， 不 同 的 特点 决定 了 这 些 应 用 的 整体 特征 。 随 着 应 
领域 的 迅猛 发 展 ， 将 它们 进行 分 类 是 不 可 能 的 。 下 面 ， rm ete tap 
以 下 是 一 些 相关 的 判 据 。 
e 所 显示 的 画面 是 否 在 每 一 刷新 周期 都 会 改变 (如 电脑 游戏 ) 或 不 常 改变 (如 文字 处 理 器 )? 
e 程序 中 使 用 的 像素 坐标 是 否 由 程序 中 的 浮 点 数 抽象 而 来 (如 许多 游戏 中 的 情形 )， 或 
者 只 是 对 屏幕 上 位 置 的 一 种 度量 方式 (如 某 些 早期 的 绘画 程序 )? 
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e 对 于 一 个 有 待 显示 的 数据 模型 ， 是 以 相机 模型 (典型 的 3D 游戏 ) 的 视角 来 定义 其 从 
当前 空间 到 显示 器 的 变换 ， 还 是 采用 其 他 的 考量 方式 (如 在 文字 处 理 程序 中 仅 显 示 
文档 的 可 见 部 分 )? 在 每 一 种 情况 下 ， 都 需要 裁剪 (不 子 显 示 ) 位 于 显示 器 给 定 矩 形 
窗口 外 的 那 部 分 数据 。 
显示 对 象 时 是 否 关联 相应 的 行为 ?” GUI 中 的 按钮 和 菜单 即 为 这 类 对 象 ; 在 视频 游戏 
中 的 “坏人 ”照片 却 不 是 (点 击 画 面 中 的 一 个 坏人 不 会 产生 任何 反应 。 对 一 个 坏 家 
伙 进 行 射击 会 杀 了 他 ， 但 是 这 是 另 一 种 交互 ， 它 基于 游戏 的 逻辑 而 不 属于 被 显示 对 
象 的 交互 行为 ) 。 
显示 器 是 否 试图 呈现 一 个 物理 真实 的 物体 模型 ， 还 是 展示 物体 的 一 个 抽象 表示 ? 一 个 
用 来 绘制 电子 电路 原理 图 的 工具 不 会 着 力 表 现 原理 图 印 在 纸 上 的 效果 ， 或 在 一 个 阳光 
明媚 的 办 公 室 中 观看 它 的 画面 。 相 反 ， 它 旨 在 展示 一 个 抽象 的 示意 图 ， 其 中 所 有 的 线 
条 均 为 同一 黑色 ,背景 上 的 所 有 区 域 均 为 同等 亮度 ， 其 各 自 显示 的 亮度 /黑色 由 用 户 
确定 而 不 是 物理 模拟 的 结果 。 相 比 之 下 , 在 3D 电脑 游戏 中 的 画面 通常 都 追求 照片 真 
实感 。 不 过 ， 为 了 传递 某 种 氛围 ， 现 在 有 一 部 分 显示 有 意 采用 非 真 实感 的 绘制 风格 。 
还 有 一 些 不 太 重 要 ， 但 仍然 是 重要 的 因素 : 
e 抽象 的 浮 点 坐标 是 否 有 单位 ( 英 矿 、 厘 米 等 )， 或 者 它们 只 是 简单 的 数字 ? 带 有 单位 
的 优点 是 ， 只 要 确定 所 采用 的 显示 器 (19 英寸 的 桌面 显示 屏幕 或 1.5 英寸 的 手机 显 
示 屏 )， 单 一 程序 即 可 自行 适应 该 显示 器 。 驾 驶 导航 的 桌面 显示 屏 可 以 显示 整个 路 
线 ， 而 手机 显示 屏 则 只 能 显示 一 个 可 滚动 和 缩放 的 小 图 。 由 于 显示 器 的 像素 扩 寸 差 
异 很 大 ， 在 许多 情况 下 ， 物 理 单位 比 像素 个 数 更 有 实际 意义 。 
e 图 形 平台 是 否 可 通过 改变 模型 来 进行 更 新 ? 倘若 平台 允许 你 更 新 一 个 有 待 显示 的 模 
型 ， 随 即 自动 更 新 屏幕 上 显示 的 画面 (通过 查询 模型 )， 这 对 编程 的 要 求 是 简单 的 ， 
但 平台 更 新 处 理 的 方式 不 在 你 可 操控 的 范围 内 。 相 反 ， 一 个 不 能 提供 这 种 更 新 的 系 
统 ， 当 原本 重 全 的 窗口 被 移出 从 而 呈现 出 一 个 有 待 显 示 的 新 窗口 时 ,会 要 求 应 用 程 
序 执行 “损坏 修复 ”。 对 于 屏幕 显示 内 容 涉 及 非常 昂贵 计算 (一 些 图 像 编 辑 程序 就 如 
此 ) 的 程序 通常 会 选择 自行 处 理 “ 损 坏 修复 ”， 这 样 当 用 户 移 动 一 个 正在 显示 图 像 的 
窗口 时 ， 在 其 移动 过 程 中 程序 只 是 偶尔 填充 新 出 现 的 窗口 区 域 。 这 是 因为 持续 填充 
会 使 移动 过 程 变 得 非常 缓慢 ， 从 而 影响 用 户 交互 的 舒适 感 。 
许多 2D 图 形 并 不 具有 物理 上 的 真实 感 ， 其 中 大 多 数 的 显示 对 象 均 与 一 定 的 行为 相关 
联 ， 其 显示 的 图 像 也 很 少 更 新 。 很 多 的 2. 5D 图 形 应 用 程序 采取 了 多 个 2D 图 形 “ 依 次 往 
上 全 加 的 ”方式 (很 多 图 像 编 辑 程序 中 的 层次 架构 即 为 这 种 模式 )， 其 外 在 形象 也 毫 无 真实 
感 。 不 过 ， 夯 面 更 新 的 低 成 本 反而 成 了 这 些 程 序 的 一 个 重要 资源 。 相 比 之 下 ,许多 3D 图 
形 应 用 程序 追求 仿真 和 真实 性 ，3D 场景 中 的 物体 很 少 与 行为 (类 似 于 采用 鼠标 或 键盘 等 进 
行 交 互 时 所 引起 的 反应 ) 相 关联 ， 尽 管 这 种 情况 在 快速 改变 。 
2D、2. 5D 和 3D 程序 的 不 同 要 求 意味 着 ， 对 图 形 中 的 许多 问题 并 不 存在 一 个 最 佳 的 
答案 。 电 路 设计 程序 不 需要 物理 真实 感 的 绘制 功能 ， 反 过 来 ， 激 烈 的 游戏 通常 也 不 会 涉及 
很 深 的 交互 层次 。 


1. 12 不 同类 型 的 图 形 包 


当 程序 员 着 手 编写 一 个 图 形 程序 时 有 多 种 可 供 选择 的 起 点 。 因 为 不 同 机 器 上 的 图 形 
卡 一 一 一 种 生成 可 在 屏幕 上 显示 的 数据 的 硬件 一 一 或 其 等 效 芯 片 差 别 很 大 ， 通 常会 对 图 形 








卡 的 功能 进行 某 种 软件 抽象 。 这 种 抽象 称 为 应 用 程序 编程 接口 (Application Programming 
Interface) ， 简 称 API。 图 形 API 可 以 非常 简单 ， 比 如 一 个 允许 用 户 为 屏幕 上 的 像素 设置 
颜色 的 函数 (尽管 在 实践 中 ， 该 功能 通常 是 一 个 更 一 般 的 API 内 的 小 部 件 )， 也 可 以 如 同系 
统一 般 复 杂 : 编程 人 员 可 通过 API 描述 一 个 场景 ， 该 场景 由 高 层 对 象 及 其 属性 、 光 源 及 其 
属性 、 相 机 及 其 属性 组 成 ; 然后 假定 场景 中 的 对 象 受到 这 些 光 源 的 照射 ， 并 以 给 定 的 相机 
为 视点 ， 对 场景 进行 绘制 。 这 样 的 高 级 API 也 仅仅 是 一 个 更 大 的 应 用 程序 开发 系统 的 一 部 
分 ， 如 现代 的 游戏 引擎 。 除 绘制 功能 外 ， 引 擎 中 还 提供 了 物理 仿真 、 角 色 的 人 工 智 能 等 功 
能 ， 以 及 为 了 保持 帧 速 自 适应 调节 显示 质量 的 系统 等 。 

已 开发 了 一 系列 的 软件 系统 来 辅助 图 形 编程 ， 从 简单 的 、 可 以 所 有 方式 对 硬件 进行 直 
接 访问 的 API 到 可 对 所 有 交互 、 显 示 刷 新 和 模型 表示 进行 处 理 的 更 复杂 的 系统 。 这 些 系统 
常 被 称 为 图 形 平台 (虽然 这 个 名 字 我 们 一 直 以 模糊 的 方式 使 用 到 现在 ) 。 在 第 16 章 中 将 介 
绍 各 种 各 样 的 系统 和 它们 的 功能 。 


1.13 构建 真实 感 绘制 模块 : 概述 

当 你 想 要 基于 现实 场景 模型 生成 一 幅 真实 感 图 像 时 ， 必 须 对 以 下 方面 的 知识 有 所 了 解 : 

光线 的 物理 性 质 与 传播 机 制 。 

与 光线 发 生 交 互 的 材质 的 模型 以 及 交互 的 过 程 。 

如 何 捕获 来 自 画 面 的 光线 (是 采用 真实 的 或 虚拟 的 相机 ， 还 是 通过 人 的 眼睛 )。 
现代 显示 器 的 工作 原理 。 

人 类 视觉 系统 以 及 它 如 何 感知 入 射 光线 。 

e 描述 这 些 事情 所 涉及 的 数学 模型 。 

这 是 一 种 自 下 而 上 的 方式 ， 其 困难 在 于 : 你 必须 学 习 大 量 的 知识 才能 生成 第 一 张 图 
像 ; 很 多 爱 思考 的 学 生 会 问 : “为 什么 不 可 以 直接 从 网 页 上 获取 某 些 程序 直接 运行 ， 然 后 
进行 修补 ， 直 至 生成 我 们 想 要 的 画面 ?”( 答 案 是 : “可 以 这 样 做 , 但 与 首先 对 上 述 问题 有 
所 了 解 相 比 ， 可 能 需要 花费 更 多 的 时 间 才 能 得 到 最 终 的 结果 。”) 作 为 本 书 的 作者 ， 我 们 理 
解读 者 的 急迫 心情 。 我 们 的 方法 是 告诉 你 上 面 每 一 项 的 一 些 基 本 知识 一 一 以 便 让 你 知道 ， 
在 生成 你 的 第 一 张 图 时 ， 你 正在 做 的 哪些 事情 是 近似 的 ， 哪 些 是 正确 的 一 一 然后 让 你 能 通 
过 一 些 非 常 有 效 的 近似 方法 来 生成 图 像 。 在 此 之 后 ， 我 们 再 回 到 全 面 理解 的 高 层 目标 ， 以 
及 如 何 实现 这 一 目标 。 
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第 26 章 将 相当 详细 地 描述 光线 的 物理 性 质 ， 现 在 ,我 们 根据 读者 已 有 的 对 光 的 直观 
理解 列 出 一 些 最 基本 的 原理 (在 后 面 章节 会 再 次 讨论 ) 。 

e 光 在 真空 中 沿 直线 传播 ， 直 到 过 到 某 一 表面 时 停止 。 

e@ 光线 遇 到 光滑 表面 发 生 反射 ， 其 反射 角 等 于 人 射 角 ; 或 者 被 表面 吸收 ,或 者 是 这 两 
种 情形 的 组 合 ( 比 如 40% 被 吸收 ，60% 被 反射 出 去 )。 

e@ 大 多 数 看 上 去 光滑 的 表面 (比如 一 支 粉 笔 的 表面 )， 从 微观 看 是 粗糙 的 。 在 光线 照射 
下 它们 的 表现 类 似 于 很 多 光滑 的 微小 平面 的 组 合 ， 且 每 个 微 平面 都 遵循 前 面 所 述 的 
镜面 反射 规则 。 因 此 ， 入 射 到 这 类 表面 上 的 光 会 向 各 个 方向 散射 (或 被 吸收 ) 。 

@ 平板 上 的 针 孔 只 人 允许 一 束 光 线 通过 ， 这 些 光 线 或 直接 穿 过 针 孔 的 中 心 或 与 之 非常 接近 。 

e@ 当 相 机 的 一 个 感光 像素 或 者 眼睛 中 的 一 个 细胞 检测 到 光 时 ， 会 累计 (通过 积分 ) 在 一 





小 段 时 间 到 达 其 一 小 片区 域 的 所 有 的 光 。 积 分 值 即 为 传感器 对 入 射 的 所 有 光子 的 反 
应 ， 它 对 应 于 像素 或 细胞 所 “看 见 ”的 光 的 总 量 。 
e 可 对 显示 器 上 的 像素 进行 调节 使 之 发 出 指定 亮度 和 颜色 的 光 。 
基于 上 述 的 光 的 物理 模型 知识 ， 足 以 生成 一 幅 非 常 真实 的 图 像 。 虽 然 前 面 所 提 的 每 一 
项 都 只 是 大 致 正确 ， 但 是 其 正确 性 已 可 满足 很 多 用 途 。 除 此 之 外 ， 还 有 三 项 大 的 挑战 。 第 
一 ， 需 要 构建 适当 的 数据 结构 来 表示 场景 中 的 表面 、 相 机 和 场景 中 的 光源 。 第 二 ， 需 要 一 
个 可 计算 所 有 的 光 反 射 并 进行 集成 的 算法 。 第 三 ， 也 是 最 重要 的 ， 数 据 结构 和 算法 都 必须 
是 高 效 的 。 阳 光照 射 下 的 自然 场景 每 平方 米 每 秒 人 射 的 光子 数 高 达 10”。 即 使 计算 机 比 现 
在 强 10 亿 倍 ， 我 们 仍然 无 法 采用 循环 方式 或 者 数据 结构 来 具体 模拟 每 个 光子 的 运动 。 


1. 13.2 物体 和 材料 

我 们 对 场景 中 物体 的 初始 假设 是 : 在 受到 光照 时 ,物体 表面 或 者 反射 或 者 吸收 光 ( 或 
两 者 都 有 ， 只 是 比例 不 同 )， 而 有 具体 的 反射 和 吸收 性 质 取 决 于 组 成 物体 的 材料 ; 我们 还 假 
设 空气 既 不 反射 也 不 吸收 光 ， 而 是 简单 地 让 光 直 接 穿 过 。 我 们 暂且 忽略 可 透射 光 的 材料 ， 
比如 水 和 玻璃 ,还 有 类 似 于 皮肤 这 样 的 半 透 明 材 料 。 

因为 我 们 假设 光 仅 与 物体 在 表面 处 发 生 交 互 ， 故 物体 可 表示 成 其 表面 的 集合 ， 而 表面 
通常 采用 三 角形 网 格 表示 。 注 意 到 位 于 各 三 角 面 之 间 的 网 格 边 无 面积 ， 所 以 在 计算 光 与 表 
面 的 交互 时 可 忽略 这 些 边 而 认为 光 与 物体 的 所 有 的 交互 均 发 生 在 三 角 面 的 内 部 。 多 面体 上 
每 一 个 三 角 面 工 都 位 于 某 个 平面 上 ， 可 计算 垂直 于 这 个 平面 的 单位 向 量 n。 取 n 指向 物体 
的 朝 外 一 侧 ( 空 的 空间 ) ， 我 们 称 它 为 三 角 面 工 的 法 向 量 。 如 果 多 面体 网 格 能 很 好 地 逼近 原 
始 表 面 ， 则 这 个 法 向 量 也 将 近似 于 (通常 可 视 为 ) 原 始 曲面 的 法 向 量 ( 更 确切 地 说 ， 在 表面 
上 某 个 特定 点 处 垂直 于 表面 的 向 量 ， 见 图 1-17) 。 





图 1-17 一 个 半 透 明 的 光滑 表面 及 其 法 向 量 ( 红 色 )。 该 表面 可 采用 一 个 多 边 形 网 格 
(和 白色) 来 近似 ， 图 中 的 绿色 法 向 量 为 多 边 形 网 格 在 相应 点 处 的 法 向 量 
设 光 线 的 人 射 方向 ”为 4， 对 于 像 镜子 这 样 的 理想 反射 面 (镜面 )， 其 反射 光线 位 于 ln 
平面 上 ， 反射 向 量 和 n 之 间 的 夹 角 与 4 和 n 之 间 的 夹 角 相 等 。 
而 对 于 其 他 表面 ， 其 入 射 到 表面 的 光 将 朝 许多 方向 散射 。 





日 ”在 描述 表面 的 人 射 光 时 有 两 种 选择 : 或 者 给 出 从 光源 到 表面 的 人 射 方向 (从 光 能 传递 的 角度 )， 或 者 给 出 表 
面 上 该 点 指向 光源 的 方向 (从 表面 反射 的 角度 ) 。 此 处 上 表示 前 者 ， 不 过 也 有 许多 书 中 用 《表示 后 者 。 





对 于 完全 散射 表面 ， 光 将 朝 所 有 方向 散射 (图 1-18) ， 反 射 光 亮度 与 |4 .2 点 积 的 绝对 
值 = 成 正比 ， 也 就 是 与 人 射 光 方向 和 表面 法 向 夹 角 的 余 \* 
弦 值 成 正比 = 。 所 以 正 对 光源 的 表面 无 论 从 哪 一 方向 看 ， \ 
都 明亮 一 些 ， 而 其 朝向 与 光源 有 点 偏 斜 的 表面 则 稍 显 暗 
淡 。 早 在 计算 机 图 形 学 之 前 ， 朗 伯 (Lambert) 就 描述 过 
这 种 散射 现象 ， 故 称 其 为 朗 伯 反射 。 作 为 散射 的 一 个 先 
决 条 件 ， 表 面 必须 面向 光源 ， 即 4， n 二 0。( 朗 伯 反 射 
(Lambertian reflectance) 模 型 将 会 在 后 面 第 6 章 和 第 17 
章 讨 论 。) 


对 于 那些 光泽 i 4 外观 与 观察 者 的 视角 图 118 沿 着 《4 方向 入 射 表面 的 光 朝 
于 那 表面 ， 其 表面 的 外 观 与 观察 者 的 视 en 





相关 ; 倘若 在 一 间 明 亮 的 房间 观看 该 表面 ， 当 观察 者 前 发 射 光 强 为 恒定 值 ， 当 4 生 
后 移动 头 部 时 ， 会 看 到 表面 上 的 高 光 在 移动 。 这 一 现象 直 于 表面 时 ， 反 射 光 的 强度 
可 以 采用 一 个 经 验 模型 来 较 准 确 地 模拟 ， 在 该 模型 中 ， 最 大 


反射 光 与 (n* hh) 的 次 短 成 正比 ， 其 中 hh 是 从 表面 到 光源 的 向 量 一 4 和 从 表面 到 视点 的 向 
量 @ 的 角 平分 向 量 ,， 然后 进行 单位 化 ， 即 


= (1-4) 
le—dl 

这 个 散射 模型 最 早 由 Phong[Pho75] 和 Blinn[ Bi77] 提 出 ， 现 在 已 经 广泛 应 用 于 图 形 学 中 。 
对 于 一 般 的 表面 ， 其 表面 反射 是 漫 反射 、 光 泽 表面 反射 以 及 镜面 反射 情形 的 组 合 。 


1. 13.3 接收 来 自 场景 中 的 光线 

相机 中 的 传感器 和 人 的 眼睛 在 感知 光 时 的 反应 是 类 似 的 : 它们 对 一 段 时 间 内 所 感知 到 
的 光 能 进行 累计 然后 报告 累计 的 结果 。 对 于 传感器 而 言 ， 时 间 段 的 长 短 决 定 于 快门 打开 的 
时 间 ; 对 于 人 了 眼 的 细胞 而 言 ， 当 累计 的 光 能 达到 一 定 程度 后 ， 细 胞 会 发 出 一 个 信号 ， 即 信 
号 的 频率 与 到 达 的 总 的 光 强 成 正比 。 显 然 ， 对 传感器 (或 细胞 ) 的 模拟 将 涉及 对 到 达 传 感 器 
所 有 区 域 的 光 进 行 积分 。 针 对 任意 场景 ， 给 出 上 述 积分 的 解析 解 是 不 切实 际 的 (最 简单 的 
场景 除外 ) 。 对 于 更 多 的 我 们 感 兴趣 的 场景 ， 必 须 进 行 数值 积分 。 这 必然 会 产生 误差 ， 但 
它 同时 也 给 我 们 权衡 计算 精度 和 所 需 的 时 空 代价 提供 更 多 的 选择 。 采 用 数值 积分 进行 近似 
时 ， 将 涉及 选取 一 些 位 置 对 被 积 函 数 进行 采样 ， 然 后 综合 这 些 样 本 来 估计 总 的 积分 值 。 最 
简单 的 版 本 是 计算 进入 传感器 中 心 点 的 光 能 ， 然 后 将 这 一 采样 值 乘 以 传感器 的 总 面积 来 佑 
算 它 所 接收 的 总 的 光 能 。 如 果 入 射 到 传感器 的 光 的 强度 随 位 置 缓慢 变化 ， 上 述 方法 效果 很 
好 ; 但 如 果 变 化 很 快 ， 这 种 基于 单一 采样 的 近似 方法 会 带 来 多 种 错误 。 


1.13.4 图 像 显 示 


现代 显示 器 屏幕 通常 被 划分 成 许多 细小 的 方形 区 域 ， 称 之 为 像素 ;每 个 小 的 方形 区 域 具 
有 独立 的 地 址 ， 可 按照 给 定 的 三 元 组 (~，g，2) 数 字 ( 每 个 数字 在 0 ~ 255 之 间 ) 发 出 由 红 、 
绿 、 蓝 形成 的 混合 光 。 每 个 小 的 方形 区 域 所 发 出 的 光 的 强度 不 是 直接 和 数字 成 正比 ， 而 是 





名 点 积 在 7. 6.4 节 介绍 。 

加 ”本 处 对 光亮 度 的 描述 有 些 模 糊 。 为 了 清晰 起 见 ， 先 需要 明确 如 何 来 度量 光亮 度 ， 但 这 是 一 个 十 分 复杂 的 问 
题 。 现 在 ， 只 需 认 为 光亮 度 的 取 值 范围 在 0 一 1 之 间 ， 并 具有 一 定 的 单位 。 

昌 “像素 ”一 词 指 图 像 上 某 处 存储 的 一 个 值 或 指 传感器 上 一 个 小 的 物理 区 域 ， 两 者 的 语义 略 有 差异 ， 因 此 不 能 
认为 “像素 就 是 一 块 小 的 区 域 ”[Smi95] 。 
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遵循 一 种 关系 ， 即 数值 上 的 等 量 差 异 大 体 对 应 于 等 量 的 感知 亮度 上 的 差异 。 在 一 些 图 像 编 
辑 程 序 中 你 可 能 已 经 见 过 如 何 使 用 RGB 三 元 组 了 ,通常 是 RGB 的 每 个 分 量 值 占 1 字 节 ， 
故 总 体 上 可 采用 一 个 0 一 255 之 间 的 数 来 表示 ， 或 写成 两 个 十 六 进 制 的 数 。 那 么 ， 一 个 表 
示 成 0xFF00CC 的 颜色 就 可 以 读 成 “红色 分 量 值 为 FE， 也 就 是 255， 绿 色 分 量 为 零 ， 蓝 色 
分 量 值 为 CC， 即 十 进 制 的 204; 这 是 一 种 紫红 色 ”。 不 过 ， 这 并 不 意味 着 任意 给 定 一 个 颜色 
三 元 组 或 者 一 组 十 六 进 制 值 都 可 以 产生 一 个 色调 。 关 于 颜色 的 详细 说 明 将 在 第 28 章 进 行 。 


1.13.5 人 类 视觉 系统 


入 射 到 眼睛 的 光 先 进入 晶状体 ， 穿 过 瞳孔 ， 最 后 到 达 视 网 膜 上 。 无 论 是 黑暗 卧室 里 微 
弱 的 光 和 比 它 亮 10" 倍 的 太阳 直射 光 ， 我 们 的 眼睛 都 可 看 见 并 进行 处 理 ( 不 过 不 能 同时 对 
两 者 进行 处 理 )。 事 实 上 ， 我 们 的 眼睛 很 容易 适应 周边 的 光照 环境 ， 适 应 后 ， 可 区 分 强度 
范围 在 1000 倍 之 内 的 光照 。 人 眼 在 黑暗 环境 中 可 感知 到 的 来 自 最 暗淡 的 物体 的 光 仅 是 该 
时 能 感知 的 “最 明亮 ”物体 光 强 的 1/1000。 不 过 ， 人 眼 对 亮度 的 感知 不 是 线性 的 。 假 如 你 
在 一 张 白 纸 上 打 印 若干 黑色 条 纹 ， 使 之 只 剩 下 20% 的 空白 区 域 ， 显然 作 射 在 整 张 纸 上 的 光 
只 有 20% 被 反射 出 来 。 但 是 如 果 将 这 张 打 印 过 的 纸 放 在 一 张 同一 类 型 的 空白 纸 旁边 ， 然 后 
从 足够 远 的 距离 来 观察 它们 ( 远 到 无 法 分 辩 纸 上 的 黑 条 纹 )， 那 么 打印 纸 的 亮度 看 上 去 大 约 
是 未 打印 的 空白 纸 的 一 半 。 大 致 上 说 ， 倘 若 眼 睛 已 适应 了 某 一 亮度 层次 的 光线 ， 即 使 进入 
人 有 眼 的 光 的 强度 减少 了 80%， 但 感知 到 的 亮度 只 是 减少 了 一 半 而 已 。 

我 们 的 视觉 系统 会 对 进入 眼睛 的 亮 、 暗 图 纹 进行 组 织 并 试图 加 以 理解 。 即 使 输入 的 视 
图 质量 很 差 ， 我 们 的 视觉 系统 仍 有 非常 好 的 适应 性 : 例如 可 从 一 张 添加 了 噪声 ( 灰 度 变化 ) 
的 黑白 图 片 中 辨认 出 其 中 的 物体 ; 可 以 在 暴风 雨中 认 出 自己 的 家 ; 无 论 在 明亮 还 是 黑暗 的 
屋子 里 均 可 认 出 自己 的 朋友 。 事 实 上 ,我们 的 视觉 系统 对 于 形状 的 识别 能 力 是 如 此 之 强 ， 
以 至 于 在 老 的 模拟 电视 上 看 到 静态 条 纹 时 ， 其 至 偶尔 会 以 为 看 到 的 是 似曾相识 的 模式 。 这 
种 自动 适应 很 差 输入 的 一 个 结果 是 ,任何 刺激 ， 只 要 可 触发 视觉 系统 大 致 正确 的 反应 ， 都 
会 导致 识别 : 无 论 是 一 对 真实 仍 子 的 照片 ， 还 是 描绘 它们 的 铅笔 画 或 明显 走样 的 计算 机 泻 
染 图 ， 它 们 都 会 在 我 们 脑 中 形成 一 种 共同 的 感知 ， 即 我 们 见 到 的 是 一 对 仍 子 。 对 计算 机 图 
形 学 来 说 ， 这 既是 一 种 优势 也 是 一 种 劣势 ; 它 意 味 着 ， 即 使 所 生成 的 图 像 是 对 真实 物体 很 
糟糕 的 近似 ， 我 们 仍 可 以 辨析 ， 因 此 ， 计算机 图 形 学 很 容易 起 步 。 但 是 男 一 方面 ， 由 于 
“看 起 来 很 像 *， 它 也 使 我 们 容易 接受 很 差 的 近似 结果 ， 可 能 会 阻碍 这 个 领域 的 进步 。 视 党 
系统 的 适应 性 有 两 个 影响 。 一 是 即使 是 一 些 随 意 的 尝试 也 可 能 会 令 人 鼓舞 ， 但 无 论 初始 结 
果 看 起 来 是 多 么 好 ， 考 虑 到 视觉 系统 的 自 适 应 能 力 ， 你 总 以 为 只 是 取得 了 某 种 进展 。 二 是 
可 生成 视觉 上 近乎 完美 结果 的 程序 并 不 一 定 是 正确 的 ， 但 由 于 你 的 视觉 系统 ， 这 些 错 误 被 
隐藏 起 来 。 随 意 尝试 其 实 是 很 有 趣 的 (我 们 鼓励 你 尝试 每 一 个 可 能 )， 但 是 它 可 能 导致 你 远 
离 真正 目标 。 我 们 安排 这 本 书 的 结构 时 ， 力 图 让 你 能 很 快 生成 相当 不 错 的 图 像 ， 从 而 获得 
一 种 满足 感 。 但 也 让 你 了 解 到 ， 你 正在 学 的 方法 还 有 很 多 技术 上 的 局 限 性 ， 以 便 为 之 后 章 
节 中 将 会 遇 到 的 更 先进 的 方法 做 好 准备 。 如 果 你 发 现 自己 会 问 :“ 在 某 种 情形 下 目前 方法 
是 否 会 出 错 ?” 答 案 几 乎 是 肯定 的 ! 后 面 的 章节 将 会 帮助 你 了 解 如 何 破解 这 些 局 限 性 。 

再 回 到 感知 的 重要 性 ， 对 于 资源 紧张 的 应 用 程序 ， 理 解 感知 的 过 程 有 助 于 我 们 在 视觉 
保 真 的 同时 选择 一 种 合理 的 近似 。 


1. 13.6 数学 运算 
与 其 首先 简要 介绍 涉及 计算 机 图 形 学 的 所 有 数学 知识 ， 我 们 选择 在 需要 用 到 的 时 候 再 
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介绍 相关 的 内 容 ; 尽管 它们 中 的 大 多 数 和 基本 的 图 形 学 并 无 直接 关联 ， 但 却 涉及 对 图 形 学 
中 对 象 或 工具 的 高 效 表 示 或 近似 。 不 过 ， 在 你 通过 第 2 章 和 第 6 章 对 2D 和 3D 图 形 有 初步 
体会 后 ， 我 们 将 在 第 7 章 中 列 出 一 些 读者 很 熟悉 的 数学 知识 ， 与 此 同时 ， 建 立 起 贯穿 本 书 
的 统一 符号 标记 方式 。 你 只 要 具有 算术 和 代数 知识 就 可 以 编写 图 形 程序 ,但 是 为 了 以 更 合 
理 的 方式 来 工作 ， 还 需要 熟悉 下 面 这些 : 

。 三 角 学 。 

e 对 小 的 向 量 和 和 矩阵 的 操作 (在 本 章 已 经 讨论 过 ) 。 

e 积分 和 微分 。 

e 还 有 一 些 几 何 和 拓扑 的 概念 ， 比 如 连续 性 、3D 空间 中 的 曲面 几何 和 曲率 等 。 

运用 基本 的 线性 代数 知识 ， 将 使 所 有 这 一 切 变 得 更 容易 ,在 全 书 中 ， 我 们 假设 读者 已 
具备 了 这 些 知识 。 


1. 13.7 积分 和 采样 


计算 机 图 形 学 发 展 最 为 充分 的 领域 是 图 形 的 真实 感 绘制 ， 即 基于 场景 中 的 景物 模型 和 光 
源 生 成 一 幅 图 像 。 和 数码 照片 上 的 每 个 像素 都 记录 了 人 和 人 射 到 相机 传感器 上 一 个 小 区 域 的 光 能 
一 样 ， 可 以 认为 合成 图 像 上 的 每 个 像素 同样 表示 了 穿 过 该 像素 的 场景 光线 的 光 能 。 可 以 将 其 
看 作 入 射 光 在 该 区 域 上 的 积分 。 在 大 多 数 情况 下 ， 要 准确 计算 这 样 的 积分 是 不 实际 的 ,我 们 
最 终 采 用 了 近似 计算 方法 (例如 ， 前面 提 到 “积分 值 可 近似 取 为 区 域 中 心 处 的 采样 值 乘 以 该 
区 域 面 积 ")。 这 种 处 理 方 式 意 味 着 ， 我 们 用 基于 单一 采样 的 计算 结果 代替 了 理想 的 值 ; 无 
疑 ， 我 们 应 采用 更 多 的 样本 (实际 使 用 的 样本 总 是 有 限 的)， 然 后 基于 这 些 样本 来 计算 积分 
值 。 因 此 ， 如 何 采 样 以 及 怎样 使 用 这 些 采 样 来 近似 积分 结果 是 图 形 绘制 中 的 一 个 重要 问题 。 

在 科学 上 ， 每 一 次 测量 都 是 一 种 统计 行为 : 我 们 使 用 的 测量 装置 的 性 能 并 非 每 天 完全 
一 样 ;， 所 得 测量 结果 只 是 许多 可 能 (尽管 它们 彼此 十 分 接近 ) 中 的 一 种 ，( 例 如 测量 烧杯 中 
水 的 温度 ， 你 真正 测量 的 只 是 烧杯 中 一 部 分 水 的 温度 )。 在 真实 感 绘制 中 ， 统 计 发 生 在 积 
分 过 程 中 ， 其 中 随机 变量 为 我 们 用 来 计算 积分 的 样本 集合 ， 因 此 场景 的 绘制 结果 通常 取决 
于 某 个 随机 数 生 成 器 : 同样 的 场景 ， 采 用 同一 软件 进行 多 次 绘制 ， 即 使 是 图 像 上 的 同一 像 
素 ， 每 次 生成 的 值 都 会 不 同 。 这 些 值 ( 其 中 一 个 也 许 是 正确 的 值 ) 通 常 分 布 在 某 个 平均 值 的 
附近 ， 并 有 一 个 方差 。 如 果 相 邻 像素 的 方差 不 相关 ， 则 其 图 像 可 能 呈现 散乱 的 斑点 或 者 噪 
声 。 如 果 是 相关 的 ， 它 可 能 显示 为 锯齿 状 一 一 平滑 斜 线 的 阶梯 状 走样 。 这 就 意味 着 ,算法 
质量 的 评估 也 会 涉及 统计 计量 。 


1.14 学 习 计 算 机 图 形 学 

很 难以 一 种 合理 的 方式 将 计算 机 图 形 学 的 主题 组 织 成 线性 结构 。 每 个 主题 都 和 其 他 主 
题 紧 密 交 织 ， 很 难 决定 应 先 从 哪个 主题 讲 起 ， 每 一 种 演绎 方式 都 会 有 后 续 的 补充 和 扩展 : 
一 般 是 先 描述 ， 接 着 进行 修正 ， 青 做 进一步 的 改进 ， 等 等 。 读 者 大 都 喜欢 条 理 清晰 的 书 ; 
譬如 ， 当 你 想 了 解 有 关 多 边 形 网 格 的 内 容 时 ， 你 会 希望 书 中 有 一 章 集成 了 有 关 多 边 形 网 格 
的 所 有 内 容 。 如 果 书 一 次 能 讲 完 每 一 主题 的 全 部 内 容 然后 再 转 到 下 一 主题 ， 会 使 你 在 为 期 
一 个 学 期 的 学 习 后 构建 起 图 形 学 的 一 个 基本 框架 ,这 也 是 最 快 的 ! 

我 们 找到 了 一 个 折 中 的 办 法 : 在 本 章 的 绪论 中 ， 我 们 已 经 为 你 提供 了 一 些 有 关 光 线 、 
感知 、 形 状 表示 、 光 线 与 物体 的 交互 等 初步 信息 ， 所 以 你 已 大 致 了 解 如 何 来 生成 一 幅 图 
像 。 不 过 如 果 你 真 的 采用 这 些 粗糙 的 模型 进行 绘制 ， 所 生成 的 图 像 可 能 不 太 好 。 倘 若 你 绘 
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制 的 是 一 个 盒 形 机 器 人 ， 所 生成 的 图 像 应 该 能 认 出 来 ， 但 从 严格 的 角度 ， 这 并 不 是 照片 真 
实感 。 你 可 以 制作 一 个 真实 的 机 器 人 形状 (譬如 说 用 纸板 、 胶 带 和 颜料 制作 ) ， 再 用 真实 的 
相机 拍照 。 你 很 快 会 意识 到 你 无 法 让 生成 的 图 像 和 拍摄 的 照片 完全 一 致 。 尽 管 如 此 ， 绘 制 
这 些 初 始 的 图 像 可 以 让 你 积累 有 关 场 景 建 模 、 运 用 线性 代数 知识 、 多 边 形 网 格 以 及 图 形 绘 
制 等 方面 的 经 验 ， 当 你 将 来 遇 到 更 多 更 精确 的 光源 、 反 射 、 景 物 模 型 时 ， 它 们 将 使 你 能 更 
好 地 理解 和 实践 。 

接 下 来 的 几 章 将 介绍 微软 的 Windows Presentation Foundation(WPF)、 一 个 编写 图 形 
程序 的 框架 、 图 形 绘制 的 核心 思想 、 视 觉 感知 概论 以 及 图 形 学 中 常用 的 若干 数学 知识 。 

第 2 章 介 绍 了 WPF 的 2D 图 形 功 能 ， 使 你 了 解 如 何 绘 制 简单 的 2D 图 形 。 与 传统 的 
API 相 比 ，WPF 采用 了 对 图 形 的 描述 性 语言 。 它 之 所 以 有 价值 ， 是 因为 提供 了 一 种 更 高 
层次 的 抽象 ， 而 且 其 解释 性 的 描述 使 得 它 极 为 适合 于 快速 原型 生成 。WPF 建 模 基于 形状 
的 层次 表示 ， 这 种 表示 方法 广泛 用 于 几乎 所 有 的 图 形 API 中 。 

第 3 章 叙 述 了 一 个 非常 简单 的 3D 图 形 绘制 程序 ， 让 你 一 开始 就 明白 图 形 学 其 实 并 不 
复杂 。 第 4 章 则 介绍 了 两 个 WPF 程序 ， 在 本 书后 面 的 大 部 分 章节 进行 图 形 实验 时 ， 你 将 
会 用 到 它们 。 

第 5 章 涉及 感知 ， 介 绍 了 人 人 类 视觉 系统 与 感知 密切 相关 的 若干 方面 。 

在 第 6 章 ， 我们 将 介绍 WPF 的 3D 功能 ， 同 时 非 正式 地 介绍 用 于 形状 建 模 的 几何 工 
具 、 光 与 物体 如 何 相互 作用 的 简单 模型 及 其 应 用 。 该 章 将 继续 描述 第 2 章 提 到 的 复合 形状 
的 层次 模型 。 

有 了 使 用 WPF 的 2D 及 3D 版 本 的 经 验 ， 你 已 为 第 7 章 阐 述 图 形 学 的 数学 基础 做 好 了 
准备 。 第 8 一 13 章 将 介绍 计算 机 图 形 学 许多 地 方 中 都 会 用 到 的 线性 代数 知识 ， 以 及 一 些 表 
示 场 景 拓扑 和 几何 的 数据 结构 。 

接 下 来 ,我们 (在 第 14 章 ) 再 次 探讨 了 在 基本 图 形 系 统 中 广 为 应 用 的 传统 近似 模型 。 
我 们 尽 可 能 详细 地 描述 了 光源 模型 、 形 状 模型 、 材 质 模型 以 及 光 在 一 个 场景 中 如 何 传播 的 
模型 。 这 一 章 的 篇 幅 有 点 长 ， 它 不 仅 能 为 你 之 后 深入 学 习 图 形 绘制 、 形 状 表示 以 及 材质 表 
示 等 做 好 准备 ， 所 介绍 的 一 些 题目 对 理解 过 去 留 下 来 的 程序 也 大 有 神 益 。 

对 光 和 反射 的 基本 模型 有 所 理解 后 ， 我 们 将 构建 光线 跟踪 和 光栅 化 两 个 绘制 程序 的 初 
始 版 本 (第 15 章 )， 期 间 将 介绍 每 一 种 绘制 方法 的 关键 思路 和 挑战 ;， 由 于 这 两 个 初始 版 本 
过 于 简单 ， 这 一 章 也 列 出 了 每 一 个 绘制 程序 尚 待 解决 的 问题 以 及 传统 近似 模型 中 的 问题 。 

在 第 16 章 ， 我 们 将 讨论 各 种 图 形 系统 ， 并 与 WPF 进行 比较 和 对 照 ; 至 此 ， 你 已 经 学 
过 了 图 形 学 传统 讲授 的 大 部 分 内 容 。 

本 书 剩余 章节 将 讨论 图 像 和 信号 处 理 、 光 、 颜 色 、 材 质 、 纹 理 和 绘制 ; 介绍 一 些 交 互 
技术 、 几 何 算法 、 支 持 绘制 的 数据 结构 以 及 各 种 建 模 的 方式 ; 并 介绍 动画 和 图 形 硬件 。 这 
些 章节 不 像 前 面 的 章节 那样 需要 顺序 衔接 ， 它 们 的 内 容 彼此 交错 。 如 果 你 想 学 习 如 何 构建 
有 趣 的 外 形 ， 你 可 以 跳 过 若干 章节 直接 阅读 有 关 样 条 和 细 分 曲面 的 内 容 ， 但 你 会 发 现 其 中 
含有 对 第 17 一 19 章 所 讲述 的 卷 积 和 滤波 方法 的 引用 。 在 第 32 章 你 可 以 读 到 一 些 最 好 的 绘 
制 算法 ,但 你 会 发 现 相 关 的 探讨 在 很 大 程度 上 依赖 于 第 31 章 所 阐述 的 绘制 理论 。 但 这 些 
并 不 会 妨碍 你 采用 跳跃 阅读 的 方法 ; 对 许多 学 生来 说 ， 正 是 成 功 编写 出 实际 算法 的 愿望 激 
励 着 他 们 学 习 更 多 的 理论 知识 ， 如 果 你 带 着 具体 的 问题 来 阅读 第 31 章 ， 也 许 你 会 发 现 更 
容易 理解 其 中 的 内 容 。 
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2.1 引言 


在 对 计算 机 图 形 学 做 全 面 综 述 后 ， 现 在 介绍 一 个 更 接近 实用 的 题目 : 采用 商业 图 形 平 
台 进 行 应 用 编程 。 在 介绍 2D 平台 的 历史 之 后 ,我 们 将 讨论 一 个 具体 的 平台 : 微软 的 
Windows Presentation Foundation( WPFP)., 

我 们 之 所 以 选择 WPF， 是 因为 它 是 可 同时 支持 2D 和 3D 应 用 的 少数 现代 图 形 平台 之 
一 。 它 提供 了 与 程序 员 编 程 相 一 致 的 用 户 界 面 和 绘制 功能 。 此 外 ， 它 还 是 一 个 极 好 的 可 对 
2D 和 3D 图 形 学 原理 进行 实验 的 快速 验证 平台 。 其 可 扩展 的 应 用 标记 语言 (XAML) 是 一 种 
采用 简洁 方式 构建 场景 的 描述 性 语言 ( 按 HTML 风格 )。 由 于 XAML 解释 器 可 支持 虚拟 的 
即时 试验 和 调试 ， 这 使 得 我 们 能 够 快速 地 引入 大 量 的 2D 和 3D 图形 基 本 概念 ， 读 者 无 需 
经 历 耗 时 的 学 习 过 程 就 能 立即 进行 实验 。 

当然 ， 描 述 性 语言 有 其 自身 的 局 限 性 ， 尤 其 在 设立 控制 条 件 和 控制 流 方面 ，WPF 开 
发 者 可 采用 C# 之 类 的 命令 式 编程 语言 ， 编 写 面向 过 程 的 代码 对 XAML 进行 扩展 。 这 种 混 
合 编程 方式 因 WPF 支持 交叉 语言 而 得 以 简化 ， 例 如 ，XAML 的 每 种 元 素 类 型 都 对 应 一 个 
WPF 类 ， 元 素 的 属性 对 应 WPF 类 的 数据 成 员 。 

对 本 书 专 设 一 章 来 讲述 2D 图 形 ， 读 者 可 能 会 感到 惊讶 。 首 先 ， 我 们 认为 许多 3D 的 

念 ， 诸 如 几何 形状 的 描述 与 变换 、 层 次 化 建 模 和 动画 ， 先 在 2D 的 背景 下 进行 介绍 更 容 

易 理解 ， 因 为 此 时 不 必 考 虑 与 3D 相关 的 复杂 要 求 ， 例 如 模拟 光照 和 材质 之 间 的 交互 作用 
等 。 其 次 ， 我 们 注意 到 ， 在 智能 手机 到 平板 电脑 、 台 式 机 的 各 种 应 用 中 ，2D 图 形 占据 主 
导 地 位 ， 而 且 3D 绘制 正 与 2D 用 户 界面 和 可 视 化 (例如 地 图 、 示 意图 、 数 据 表 格 、 图 表 
等 ) 日 益 整合 。 

本 章 和 第 6 章 的 3D 图 形 学 构成 一 个 序列 ， 很 好 地 理解 本 章 内 容 ， 熟 悉 XAML 是 学 习 
第 6 章 的 必 备 条 件 。 我 们 强烈 建议 读者 使 用 所 附 实验 软件 来 完成 相关 的 练习 ， 该 软件 包含 
于 集成 的 编辑 器 /解释 器 中 ， 可 提供 即时 反馈 ， 从 而 节约 学 习 时 间 ， 同 时 使 实验 变 得 简便 
和 有 趣 。 


2.2 2D 图 形 流水 线 概 述 


在 第 1 章 中 ， 可 看 出 2D 图 形 平台 是 应 用 程序 和 显示 硬件 之 间 的 中 介 ， 它 提供 的 功能 
与 输出 (提请 GPU 显示 有 关 信 息 ) 和 输入 (针对 用 户 的 交互 操作 ， 在 应 用 程序 中 调用 回调 函 
数 ) 相 关联 。 为 了 便于 讨论 不 同类 型 的 图 形 平台 ,我 们 先 从 宏观 的 角度 了 解 2D 图 形 应 用 程 
序 ， 如 图 2-1 所 示 。 

很 少 有 一 项 应 用 的 目的 仅仅 是 画 一 些 像 素 。 这 些 应 用 通常 是 将 某 些 数据 ( 称 为 应 用 模 
型 (Application Model，AM) ) 转 化 为 图 像 ， 并 可 通过 用 户 交互 来 进行 操控 。 在 典型 的 台 
式 / 笔 记 本 环境 中 ， 应 用 程序 运行 时 会 启动 一 个 窗口 管理 器 ， 窗 口 管 理 器 决定 每 一 项 应 用 
在 屏幕 上 的 显示 区 域 ， 并 通过 窗口 浏览 器 ( 即 标题 栏 、 窗 口 大 小 调整 、 关 闭 / 最 小 化 按钮 ， 
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等 等 ) 实 施 显 示 和 交互 。 应 用 程序 调用 图 形 平台 API， 在 窗口 内 的 客户 区 域 进 行 绘制 ， 图 
形 平台 则 通过 驱动 GPU 来 回应 程序 调用 ， 
完成 所 需 的 绘制 。 

一 般 而 言 ， 应 用 程序 开设 客户 区 域 有 两 
个 目的 ， 区域 的 一 部 分 用 于 应 用 程序 的 用 户 
界面 (UD 控制 ， 其 余部 分 为 视图 ， 用 来 显示 
场景 绘制 的 结果 ， 显 示 内 容 由 应 用 程序 的 场 ， 人 
景 生成 器 模块 从 AM 中 提取 或 导出 。 从 图 中 用户 界面 描述 视窗 内 容 描述 
可 以 看 到 ， 生 成 用 户 界面 的 UI 生成 器 与 场景 
生成 器 不 同 ， 操 作 方式 也 不 同 ， 虽然 两 者 都 
使 用 底层 的 2D 平台 驱动 显示 。 es 

在 2D 中 使 用 术语 “场景 ”和 “视图 ”"”， “pee 成 0 
可 能 会 让 具有 3D 图 形 经 验 的 人 惊讶 ， 这 些 
术语 在 3D 图 形 中 有 其 特定 的 含义 。 在 2D 场 
合 , 我们 用 “场景 ”这 个 术语 指 用 来 生成 
AM 某 特定 视图 的 2D 形体 集合 。 注 意 2D 场 
景 生成 器 直接 对 应 于 3D 场景 生成 器 ， 而 后 
者 的 主要 功能 是 向 3D 图 形 平台 提供 信息 以 
pr nm 作为 2D 应 用 程序 和 窗口 管理 器 分 配 的 屏 
场景 绘制 结果 ， 这 与 3D 中 的 用 法 也 是 一 致 的 。 图 2! 作为 2D 应 用 程序 

考虑 一 个 可 对 家 具 布局 进行 编辑 和 显示 站 
的 室内 设计 应 用 程序 ， 其 AM 记录 了 所 选 家 具 布局 的 所 有 数据 ， 包 含 制造 商 、 模 型 数量 、 
价格 、 重 量 以 及 其 他 具体 属性 等 非 图 像 数据 。 其 中 有 些 为 生成 场景 视图 所 必需 ， 另 一 些 仅 
用 于 非 图 像 功能 (例如 ， 交 易 ) 。 应 用 程序 中 场景 生成 器 的 任务 是 遍历 AM、 从 中 提取 或 计 
算 与 所 选 场景 相关 的 几何 信息 ， 调 用 图 形 平台 API 给 出 待 绘制 的 场景 的 详细 参数 。 

场景 可 能 包含 AM 中 描述 的 所 有 几何 形状 或 其 子 集 (例如 ， 仅 展示 所 设计 房子 中 的 一 个 
房间 )。 而 且 ， 正 如 数据 库 可 以 有 多 个 视图 ， 应 用 程序 也 可 以 对 相同 的 几何 信息 采用 不 同 的 
表现 形式 提供 多 幅 视 图 (例如 ， 仅 面 出 家 具 的 轮廓 线 或 展示 具有 织物 或 木质 纹理 的 形状 )。 

在 以 上 例子 中 ，AM 本 质 上 是 几何 数据 。 然 而 ， 在 其 他 应 用 中 它 可 能 完全 不 包含 几何 
数据 ， 其 典型 例子 是 信息 可 视 化 应 用 。 例如， 存储 有 多 个 国家 人 口 和 GDP 数据 的 数据 库 ， 
在 这 种 情形 下 ,场景 很 可 能 是 由 场景 生成 器 从 AM 中 导出 的 图 表 或 图 ， 可 通过 直觉 可 视 化 
方式 来 呈现 这 些 数据 。 其 他 的 数据 可 视 化 应 用 包括 编制 的 图 表 、 气 象 数据 ， 以 及 春 加 到 地 
图 背景 上 的 选举 态势， 


2.3 2D 图 形 平台 的 演变 

与 编程 语言 和 软件 开发 平台 相似 ， 图 形 平台 经 历 了 从 低级 到 高 级 的 演变 (如 图 2-2 所 
描述 ) 。 每 一 代 新 的 光栅 图 形 平 台 都 将 原来 由 应 用 程序 负责 的 若干 共性 任务 集成 为 一 个 更 
高 层次 的 抽象 任务 。 
2. 3. 1 从 整数 坐标 到 浮 点 数 坐 标 

我 们 将 从 20 世纪 80 年 代 和 90 年代 初期 的 光 李 图 形 现状 开始 讲 起 。 那 时 流行 的 2D 光 






屏幕 
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机 图 形 平台 (例如 Apple 公司 原始 的 QuickDraw 和 微软 公司 原始 的 GDI 平台 ) 均 采用 整数 
坐标 系统 在 矩形 画布 上 绘制 像素 。 应 用 程序 并 非 对 。 = 
单个 像素 进行 着 色 ， 而 是 通过 调用 绘制 基 元 的 程序 








.wpF 
来 绘制 场景 ， 基 元 可 以 是 几何 形状 (例如 多 边 形 和  ””” 布局 管理 和 sri 
椭圆 ) 或 预先 读 入 的 矩形 图 像 ( 通 常 叫 作 位 图 ， 用 来 灵活 控制 “Swing 


显示 照片 、 图 标 、 静 态 背 景 、 从 字体 集中 提取 的 文 
字 ， 等 等 ) 。 此 外 ， 每 一 个 几何 基 元 的 外 观 由 具体 
的 属性 参数 控制 ; 例如 ， 在 微软 的 API 中 ， 采 用 画 
刷 属 性 来 指定 基 元 内 区 域 的 填 色 方式 ， 而 画笔 的 属 
性 则 控制 基 元 应 呈现 的 轮廓 形状 。 

例如 ， 图 2-3 中 简单 的 时 钟 图 像 由 4 个 基 元 组 
成 : 一 个 由 solid-gray brush 填充 的 椭圆 、 时 针 和 
分 针 由 solid-nary brush 填充 的 两 个 多 边 形 表示 ， 
秒针 则 为 red-pen 生成 的 一 条 线段 。 


canvas 











在 最 初 的 GDI 平台 最 简单 的 场景 设置 方式 中 ， ”整数 像素 a 
应 用 程序 采用 整数 坐标 ， 可 一 对 一 地 直接 映射 为 屏 | 侍 标 "| .Orig. GDI 
人 a ep pn 
左 至 右 的 方向 ， 2 值 按 从 上 到 下 的 方向 。 和 Re 9, 
应 用 程序 通过 函数 (例如 ，FillEllipse) 对 
每 个 基 元 进行 设置 ， 函 数 可 同时 接受 整数 型 的 几何 50 100 150 





形状 详细 说 明和 显示 属性 参数 (本 例 的 GDI 源 代码 
可 从 本 章 的 在 线材 料 获取 )。 这 种 设置 方式 让 我 们 
联想 起 在 方 格 图 纸 上 夯 图 ， 例 如， 灰色 圆 形 钟 面 的 
几何 信息 可 通过 以 下 数据 对 传递 给 FillEllipse 
孙 数 : 

@ 中 心 点 (150，150》。 

e 包围 盒 ( 轴 向 对 齐 的 最 小 包围 矩形 ): 左上 角 

(50，50) ， 大 小 200 X200。 

当 在 输出 设备 上 进行 绘制 时 ， 画 出 来 的 钟 面 会 有 多 大 呢 ? 这 个 问题 没有 确切 的 答案 。 
显示 大 小 取决 于 输出 设备 的 分 辩 率 ?( 例 如 ， 每 英寸 点 的 数目 ,或 简称 dpi) 。 假 定 设计 钟 的 
应 用 程序 时 考虑 的 屏幕 分 辨 率 为 72dpi。 如 果 采 用 更 高 分 辨 率 的 设备 (例如 ，300dpi 的 打印 
机 或 屏幕 ) 进 行 测试 ， 钟 的 图 像 会 非常 小 ， 甚 至 可 能 看 不 清 。 相 反 ， 如 果 把 目标 显示 设备 
换 成 早期 智能 手机 那 种 低 分 辩 率 的 小 屏幕 ， 图 像 可 能 会 变 得 非常 大 ， 而 只 能 看 到 图 像 的 一 
小 部 分 。 

光栅 图 形 领 域 的 研究 人 员 借 鉴 向 量 图 形 中 早 前 就 有 的 一 些 思想 解决 了 图 形 显 示 尺 才 依 
赖 于 设备 分 辨 率 的 问题 ， 即 通过 采用 浮 点 数 坐 标 系 统 将 详细 的 几何 参数 与 具体 设备 的 特性 
分 离开 来 。 在 2.4 节 中 ， 我 们 将 介绍 并 比较 这 两 个 坐标 系统 : 物理 坐标 系统 (基于 实际 测 
量 单元 ， 例 如 毫米 和 排版 点 ) 和 抽象 坐标 系统 (其 语义 由 应 用 程序 决定 ) 。 


























图 2-3 配 有 GDI 坐标 系统 的 时 钟 场景 





日 ”注意 此 处 “分 辨 率 ” 的 使 用 与 男 一 个 常见 的 用 法 : 所 显示 的 总 像素 数 ( 如 “LCD 显示 器 分 辨 率 为 2560 义 
1440”) 有 所 区 别 。 
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2.3.2 即时 模式 与 保留 模式 


尽管 所 有 主要 的 2D 图 形 平台 都 经 历 了 从 基于 整数 的 数据 表示 到 基于 浮 点 数 数据 表示 
的 演变 ， 但 最 终 它 们 “分 道 扬 镰 ”， 形 成 了 两 种 不 同 目标 和 功能 的 架构 : 即时 模式 (IM) 和 
保留 模式 (RM) 。 

前 一 类 包括 可 高 效 访问 图 形 输出 设备 的 薄 层 平台 (例如 ， 苹果 公司 的 Java awt . 
Graphics2D 的 Quartz 和 第 二 代 的 GDI 十 ) 。 这 些 精 简 的 平台 不 保留 任何 应 用 程序 所 采用 
的 基 元 的 记录 。 例 如 ， 当 GDI 十 的 FillEgllipse 水 数 被 调用 时 ， 它 立即 (即时 模式 ) 执 行 
任务 ， 将 椭圆 的 坐标 映射 为 设备 坐标 并 在 显示 缓冲 器 中 对 相关 像素 进行 着 色 ， 然 后 将 控制 
权 返 还 给 应 用 程序 。 简 言 之 ， 在 即时 模式 下 程序 员 的 工作 就 是 : 当 要 对 绘制 图 像 做 任何 修 
改 时 ， 让 场景 生成 器 遍历 AM， 重 新 生成 表示 场景 的 基 元 集合 。 

即时 模式 平台 的 精简 特性 对 以 下 人 员 有 吸引 力 : 想 要 尽 可 能 让 其 编程 贴近 图 形 硬件 以 
获取 最 大 化 性 能 的 应 用 程序 开发 人 员 ， 以 及 想 要 让 其 产品 占用 的 资源 尽 可 能 少 的 人 。 

但 还 有 一 类 应 用 程序 开发 人 员 则 寻求 一 种 平台 ， 可 为 
他 们 免除 尽 可 能 多 的 开发 任务 。 为 了 满足 这 些 开发 者 的 愿 i er 
望 ， 保 留 模式 (RM) 平 台 在 一 个 专用 数据 库 中 保留 了 需 绘 上 
制 或 观看 的 场景 的 表示 ,我 们 称 之 为 场景 图 (在 第 6 章 和 
第 16 章 将 会 进一步 讨论 ) 。 如 图 2-4 所 示 ， 应 用 程序 的 UI 
和 场景 生成 器 使 用 RM 平台 的 API 构建 场景 图 ， 可 通过 
编辑 场景 图 对 场景 进行 增 量 式 修 改 。 任 何 增 量 式 修改 都 会 
导致 RM 平台 的 同步 显示 器 自动 更 新 客户 区 域 的 绘制 结 
果 。 由 于 保留 了 整个 场景 ，RM 平台 还 能 够 承担 除 显 示 之 
外 的 许多 与 用 户 交 互相 关 的 常见 任务 (如 选择 关联 ， 即 决 
定 哪些 对 象 是 用 户 点 击 的 目标 ， 参 见 16. 2. 10 节 )。 

所 有 的 RM 软件 包 都 可 以 追溯 到 Ivan Sutherland 在 
20 世纪 60 年 代 初 的 先驱 性 项 目 SketchpadLstu63]， 该 项 
研究 开启 了 交互 图 形 学 领域 。Sketchpad 支持 创建 标准 模 
板 ， 可 在 画布 上 实例 化 一 次 或 多 次 来 构建 场景 。 每 个 模板 
可 包含 若干 基 元 或 下 级 模板 的 实例 ， 它 们 合并 组 成 一 个 统 
一 的 图 形 对 象 。 每 个 实例 都 可 以 进行 几何 变换 (如 改变 位 
置 、 朝 向 和 大 小 )， 此 外 ， 实 例 保留 了 其 标准 模板 的 外 观 ， 
标准 模板 的 变化 会 立即 在 其 所 有 的 实例 中 体现 出 来 。 

Sketchpad 的 关键 思想 为 所 有 现代 的 RM 平台 保留 下 ce 
来 ,为 这 些 平台 创建 用 户 接口 打下 了 极 好 的 基础 。UI 控制 aaa 
器 (也 叫 控 件 ) 是 一 种 模板 化 对 象 ， 作 为 一 体 化 的 组 合 ， 它 
具有 内 在 的 、 一 致 化 的 外 观 (look) 和 感觉 (feel) 。 其 中 , “look” 指 图 形 的 设计 或 外 观 (大 
小 、 有 形状、 字体、 颜色、 阴影 投影 等 ), “feel” 指 控件 的 动态 行为 ， 通 常 是 对 用 户 交 互 的 
回应 ， 它 们 可 以 细 分 为 内 置 的 自动 反馈 行为 和 面向 语义 /应 用 的 行为 。 内 置 反馈 的 例子 包 
括 将 当前 失效 的 控件 置 为 灰色 并 令 其 逐渐 消失 ， 使 指示 器 点 击 区 域内 的 按钮 变 成 高 亮 ， 以 
及 当 用 户 在 文本 框 中 输入 字符 时 使 光标 闪烁 。 这 些 反馈 行为 经 常 包 含 漂 亮 的 动画 ， 由 平台 
实现 而 与 应 用 程序 无 关 。 当 然 ， 当 用 户 初始 化 应 用 程序 的 行为 时 ， 会 涉及 应 用 程序 (例如 ， 











点 击 按钮 提交 待 处 理 表单 )。 为 了 实现 这 一 功能 ，RM 只 需 调 用 附 在 操纵 控件 上 的 应 用 程 
序 回调 函数 。 

大 多 数 RM 的 UI 平台 还 包含 界面 布局 管理 器 ， 它 将 控件 的 空间 布局 安排 成 美观 整齐 
的 形式 ， 使 彼此 间 的 大 小 和 间隔 保持 一 致 ， 并 能 依据 程序 或 用 户 发 出 的 更 改 UI 区 域 大 小 
或 形状 的 指令 ， 对 布局 自动 进行 调整 。 

要 设计 一 个 良好 的 UI 控 件 集 ， 需 要 一 支 在 图 形 学 和 UI 设计 方面 有 经 验 的 团队 付出 
巨大 努力 ; 构建 一 个 舒适 直观 的 UI 框架 并 非 一 件 简单 的 事 。 对 用 户 界面 的 布局 进行 设计 
和 绘制 以 及 处 理 用 户 交 互 等 将 占 创 建交 互 式 应 用 程序 工作 量 的 很 大 一 部 分 ， 因 此 普遍 采用 
能 够 免除 上 述 多 项 任务 的 RM UI 平台 就 毫 不 奇怪 了 。 实 际 上 ， 很 难 找到 一 个 现代 的 2D 应 
用 程序 ， 它 不 使 用 RM UI 平 台 即 可 处 理 几乎 所 有 的 通过 组 件 ( 如 菜单 、 按 钮 、 滚 动 表 、 状 
态 条 、 对 话 框 和 计量 器 /刻度 盘 ) 的 交互 需求 。 

与 保留 模式 在 2D 领域 得 到 广泛 采用 相 比 ， 它 在 3D 领域 并 不 那么 流行 。 尽 管 3DRM 
平台 具有 很 强 的 功能 一 一 例如 在 简化 层次 建 模 和 刚体 动画 方面 一 一 但 这 些 功 能 非常 消耗 资 
源 ， 我 们 将 在 第 16 章 对 此 做 详细 讨论 。 


2.3.3 过 程 语言 与 描述 性 语言 

传统 上 ， 为 了 给 出 对 用 户 接 口 和 场景 的 详细 说 明 ， 每 个 图 形 平 台 都 向 开发 者 提供 以 下 
技术 之 一 : 

e 面向 过 程 的 代码 采用 命令 式 编程 语言 编写 (通常 是 面向 对 象 的 ， 但 并 非 必 须 如 此 )， 

可 通过 大 量 的 图 形 API， 例 如 Java Swing、Mac Os X Cocoa、Microsoft WPF 和 
DirectX、Linux Qt 或 GTK 等 ， 与 显示 设备 进行 交互 。 

e 描述 性 语言 通过 标记 语言 表达 ,例如 SVG 或 XAML 。 

WPF 的 一 个 显著 特点 是 向 开发 者 提供 了 一 种 对 描述 技 
术 的 选择 ， 如 图 2-5 所 示 及 随后 所 述 。 软件 工程 师 设计 师 /艺术 家 
2.3.3.1 最 底层 : 面向 对 象 的 API 

核心 层 是 一 组 提供 所 有 WPF 功能 的 类 ， 程 序 员 可 在 这 
一 层 采 用 任何 Microsoft. NET 语言 (例如 ，C# 或 Visual 
Basic) 或 Dynamic Language Runtime 语言 (例如 IronRuby) 
来 定义 应 用 的 对 外 接口 和 行为 。 仅 通过 这 一 层 即 可 创建 一 个 
WPF 应 用 程序 ， 但 是 其 他 两 层 可 以 提高 开发 效率 和 便利 性 ， 
使 设计 人 员 和 实现 人 员 无 需 涉 及 过 多 的 技术 细节 。 
2. 3.3.2 中 和 间 层 : XAML 

中 间 层 提供 了 定义 API 大 部 分 功能 的 另 一 种 途径 ， 区 图 2.5 WPF 应 用 程序 / 
使 用 描述 性 语言 XAML， 其 语法 很 容易 为 熟悉 HTML 或 开发 接口 层 
XML 的 人 所 理解 。 可 通过 对 描述 性 语言 的 解释 性 执行 程序 
支持 应 用 的 快速 原型 实现 ， 并 便于 非 程序 员 使 用 (与 HTML 比 PostScript 语言 更 易于 接受 
的 道理 相同 ) 。 
2.3.3.3 最 高 层 : 工具 

同 任何 其 他 语言 一 样 ， 对 XAML 也 有 一 个 学 习 的 过 程 。WPF 应 用 /开发 界面 的 最 高 
层 集 成 了 设计 师 和 工程 师 用 于 生成 XAML 的 实用 程序 ， 包 括 绘图 工具 (例如 ，Microsoft 
Expression Design 或 Adobe Illustrator)、3D 几何 建 模 工具 (例如 ，ZAM 3D)、 创 建 复杂 








si es 
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用 户 界面 的 工具 (例如 ，Microsoft Expression Blend 或 ComponentArt Data Visualization ) 。 


2.4 使 用 WPF 定义 2D 场景 


正如 之 前 所 述 ，WPF 提供 了 创建 用 户 界面 区 域 和 定义 2D 场景 的 功能 ， 前 者 不 在 本 书 
讨论 范畴 ， 因 此 我 们 集中 讨论 如 何 定 义 2D 场景 。 


2.4.1 XAML 应 用 程序 结构 


在 整个 2.4 节 中 ， 我 们 将 构造 一 个 简单 的 XAMEL 应 用 程序 , 来 显示 一 个 模拟 时 钟 ( 如 
图 2-6 所 示 )。 

如 果 你 熟悉 HTML 语法 ， 将 很 容易 领会 XAML。 HTML 
文件 通过 构建 元 素 的 层次 化 结构 来 定义 一 幅 多 媒体 网 页 一 一 根 
结 点 是 <HTML>， 子 结 点 是 <HEAD> 和 < BODY>， 如 此 下 去 直至 
段落 结束 。text-span 元 素 用 来 控制 文本 格式 ， 例 如 <B> 用 来 指 
定 粗 体 字 ，< 工 > 用 来 指定 斜体 字 。 其 他 元 素 则 对 媒体 显示 和 脚 
本 执行 提供 支持 。 

XAML 程序 同样 也 给 出 元 素 的 层次 化 结构 ， 但 其 元 素 类 型 
与 HTML 不 同 ,， 它 包含 布局 面板 (例如 ， 负责 对 紧密 安放 在 一 图 ?2-6 基于 WPF 的 时 钟 
起 的 控件 或 菜单 进行 空间 布局 的 Stack Panel， 以 及 用 于 创建 电 显示 程序 
子 表 格 风格 的 Grid Panel)、 用 户 界 面 控 件 ( 例 如 ， 按 钮 和 文本 
输入 框 ) 以 及 用 于 绘制 场景 的 被 称 作 canvas( 夯 布 ) 的 矩形 “空白 面板 ”。 

在 一 个 完整 的 应 用 程序 中 ， 像 图 2-1 显示 的 那样 ， 应 用 程序 的 外 观 由 层次 化 的 布局 面 
板 、UI 控 件 和 作为 显示 场景 视窗 的 canvas 定义 ， 但 是 作为 第 一 个 简单 的 XAML 例子 ， 
我 们 先 单独 创建 一 个 Canvas: 


<Canvas 
xmlns= 
"http://schemas.microsoft .com/winfx/2006/xaml/presentation" 
xmlns:x= 
"http://schemas.microsoft .com/winfx/2006/xaml" 
ClipToBounds="True" 
光 


8 </Canvas> 


通常 都 将 ClipToBounas 设 为 Ture， 它 将 保证 画布 是 有 界 的 ， 即 不 会 在 指定 的 矩形 
区 域 之 外 显示 任何 数据 。 

我 们 没有 指定 画布 大 小 ， 它 的 大 小 将 由 调用 画布 的 应 用 程序 控制 。 例 如 ，2.4 节 和 
2.5 节 的 lab 软件 (在 线 提供 ) 包 含 了 “split-screen” 布 局 功能 ， 上 面 的 方 框 为 WPF 画布 ， 
位 于 其 下 的 方 框 显示 XAML 的 源 代码 。 该 软件 采用 WPF 布局 管理 器 在 两 个 方 框 之 间 分 配 
显示 区 域 ， 用 户 可 通过 draggable-separator 控件 对 显示 区 域 的 位 置 和 大 小 进行 调整 。 

你 也 许 会 注意 到 ，XAML 具有 某 些 句法 特性 (例如 上 面 提 到 的 canvas 标签 中 奇特 的 
xmlns 性 质 )， 但 它们 并 不 会 掩盖 标签 和 属性 的 语义 ,而 且 其 中 大 多 数 已 广为人知 。 如 果 
你 想 研 究 句法 中 那些 更 神秘 的 部 分 ， 可 使 用 lab 软件 : 点 击 任意 高 亮 的 褐 红 色 XAML 代码 
就 能 获得 一 个 简短 的 解释 。 


2.4.2 采用 抽象 坐标 系 定 义 场景 
上 面 应 用 样 例 中 的 场景 (简单 时 钟 ) 由 钟 面 和 三 根 独 立 的 指针 组 成 。 钟 面 是 一 个 简单 的 
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灰色 椭圆 ， 分 针 和 时 针 为 形状 一 致 但 大 小 不 同 的 深蓝 色 和 多边 形 ， 秒针 表 示 为 一 条 红色 
线段 。 

注意 迄今 为 止 ， 我 们 的 简单 场景 图 中 的 所 有 组 成 部 件 均 为 基本 几何 元 素 , 但 是 在 更 复 
杂 的 场景 中 (将 在 2. 4.6 节 介 绍 ) 可 能 会 存在 层次 结构 ， 其 组 成 部 件 可 能 包含 更 低级 的 子 
部 件 。 

按照 已 有 的 场景 组 成 部 件 表 ， 下 面 详细 描述 每 个 元 素 的 精确 几何 以 细 化 对 场景 的 
定义 5 

取 一 张 空白 的 图 纸 ， 选择 并 标记 坐标 原点 (0，0)， 画 上 工 轴 和 > 轴 ， 就 构成 了 一 
2D 第 卡 儿 坐 标 系 ， 它 的 特点 之 一 是 任意 两 个 实数 所 标识 的 (x+，y) 坐 标 均 唯 一 地 确定 平面 
人 版 

但 是 图 纸 坐 标 系统 在 避免 二 义 性 方面 也 有 局 限 性 。 倘 若 要 求 众人 各 自在 图 纸 上 男 一 
4X4 的 方形 ， 虽然 所 画 结 果 均 为 由 16 个 网 格 组 成 的 方形 ， DA 
可 能 各 有 不 同 的 面积 ， 这 是 因为 图 纸 在 网 格 大 小 或 刻度 尺寸 方面 并 没有 一 个 单一 的 标准 。 

实际 上 图 纸 是 一 个 抽象 的 坐标 系 ， 它 并 不 刻画 景物 在 i i 
物理 世界 的 位 置 或 大 小 。 使 用 抽象 系统 进行 几何 描述 的 优 
点 显而易见 一 一 事实 上 ， 我们 已 用 它 构 造 了 上 例 中 的 时 钟 。 
但 在 显示 这 样 一 个 场景 的 时 候 ， 必 须 对 其 “真实 ”几何 进 
行 度量 ， 并 将 抽象 坐标 系 映射 到 显示 器 的 物理 坐标 系 。 我 
们 将 在 稍 后 介绍 这 种 映射 ,但 首先 讨论 几何 描述 。 我 们 将 天 过 二 通用 清 困 浊 关 也 尖 要 所 
使 用 图 2-7 所 示 的 抽象 坐标 系 。 Re 光 汪 而 和 

哪个 物体 应 该 先 画 ? 默认 情况 下 ， 将 依据 定义 的 顺序 。 图 2-7 抽象 坐标 系 
因此 ， 如 果 元 素 EE 在 元 素 DD 之 后 定义 ， 而且 它们 之 间 部 分 
重 春 3 ， 则 下 将 (部 分 ) 遮 挡 D。 术 语 2. 5D 可 描述 这 种 前 后 
堆 友 的 效果 。 

因此 ， 我 们 需要 按 从 后 ( 离 观察 者 最 远 处 ) 向 前 ( 离 观察 
者 最 近 处 ) 的 顺序 进行 绘制 。 首 先 画 圆 的 钟 面 。 

图 2-8 展示 了 一 个 简单 圆 形 的 钟 面 设计 ， 我 们 选取 了 10 
个 图 纸 单位 作为 圆 的 半径 ， 因 为 这 个 大 小 对 于 这 种 特定 风格 
的 图 纸 正 合适 。 但 从 另 一 角度 看 ， 我 们 的 选择 确实 是 随机 
的 : 由 于 定义 于 抽象 坐标 系 中 ， 时 钟 并 没有 确定 的 直径 。 

采用 solid-color 填充 圆 的 句法 如 下 : 








图 2-8 用 抽象 坐标 系 定 义 


1 <Ellipse 时 钟表 面 几 何 
2 Canvas.Left=... Canvas.Top=... 

3 Width=... Height=.. 

二 = 

3 其 为 


其 中 canvas.Left 和 Canvas.Top 给 出 了 几何 元 素 的 包围 盒 左上 角 的 坐标 ，Fill 
既 可 以 是 标准 的 HTML/CSS 颜色 名 称 ， 也 可 以 是 十 六 进 制 表示 的 RGB 值 (# RRGGBB; 
例如 ，#00FF00 是 最 高 亮度 的 绿色 ) 。 

我 们 现在 可 以 构造 一 个 WPF 程序 将 该 单元 放 到 画布 上 : 





名 ”此 处 默认 的 基于 先后 顺序 的 释 加 方式 可 通过 自选 属性 Canvas. ZIndex 进行 更 改 。 
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CANVAS wia > 
<EBuLipse 
Canvas.Left="-210.0" Canvas.Top="-10.0" 
Width="20.0" Heéight="20.0" 
Filli="lightgray" /> 
6 </Canvas> 


(注意 : 为 便于 阅读 ， 在 上 面 以 及 本 章 后 面 的 XAML 代码 中 ,我 们 将 高 亮 显示 其 中 新 


hn 上 已 一 


增 或 修改 的 部 分 代码 。) 
尽管 以 上 描述 没有 二 义 性 ， 但 并 不 清楚 在 显示 器 上 椭圆 会 
是 什么 样子 。 由 于 圆 的 直径 是 基于 一 张 任意 的 图 纸 上 的 方 格 计 NR 
量 的 ， 直 径 为 20 个 图 纸 单位 的 圆 在 屏幕 上 有 多 大 呢 ? 
建议 读者 运行 lab 软件 (可 从 在 线 资源 中 下 载 )， 选 取 V. 01 
版 来 观察 上 述 XAML 代码 的 运行 结果 。 图 2-9 为 一 幅 绘制 结果 图 2-9 XAML 时 钟 应 用 程 
的 屏幕 截图 (图 中 所 示 鼠 标 指针 可 做 尺度 参考 ) 。 这 一 结果 显然 
无 法 接受 ， 原因 有 两 点 : 其 一 ， 显示 出 来 的 灰色 圆 太 小 ， 难以 和 位 置 上 出 现 问题 


作为 钟 面 使 用 ; 其 二 ， 只 能 看 到 圆 的 四 分 之 一 。 
图 2-10 中 的 示意 图 展示 了 时 钟 椭 圆 的 几何 描述 。 左 边 展示 了 应 用 程序 中 的 抽象 几何 
数据 ， 其 中 并 无 物理 度量 。 红 色 箭头 对 应 生成 图 像 的 绘制 过 程 。 





2-10 时钟 表面 椭圆 的 初始 几何 描述 示意 图 


这 里 我 们 看 到 了 将 抽象 坐标 直接 传递 给 图 形 平台 可 能 导致 的 结果 。 基 于 抽象 坐标 设计 
场景 没 问 题 ， 但 当 需 要 将 其 显示 在 屏幕 上 时 ， 我 们 必须 考虑 : 1) 显 示 设 备 的 特征 ， 诸 如 大 
小 、 分 辨 率 、 屏 幕 高 宽 比 等 ; 2) 如 何 根据 屏幕 形状 因素 的 约束 选 定 绘制 后 图 像 的 大 小 和 在 
屏幕 上 的 位 置 ; 3) 如 何在 图 形 平台 上 给 出 几何 描述 以 得 到 理想 的 结果 。 

2.6 节 将 包含 全 部 特征 的 应 用 为 背景 再 次 讨论 这 些 问题 。 这 里 针对 简单 的 时 钟 应 用 ， 
假设 画布 将 显示 在 笔记 本 电脑 的 屏幕 上 ， 钟 如 图 标 大 小 ， 直 径 1 英寸 ( 约 2. 54 厘米 )， 且 
位 于 画布 的 左上 角 。 那 么 ， 应 该 如 何 修 改 程序 来 获得 上 述 效 果 呢 ? 


2.4.3 坐标 系 的 选择 范围 

现在 我 们 的 头脑 中 已 有 钟 的 具体 尺寸 (直径 1 英寸 )， 对 采用 抽象 坐标 系 来 设计 几何 这 
一 选择 是 否 应 该 重新 予以 考虑 ?为 了 回答 这 一 问题 ， 先 考虑 男 外 两 个 我 们 可 能 用 来 进行 场 
景 描述 的 坐标 系 。 

可 考虑 使 用 2. 3. 1 节 所 述 的 基于 整数 的 坐标 系 ， 但 由 于 我 们 需要 在 不 受 屏幕 分 辩 率 影 
响 的 情况 下 对 显示 场景 的 尺寸 进行 控制 ， 因 此 它 并 不 合适 。 

此 外 ， 我 们 也 可 以 考虑 采用 WPS 画布 坐标 系 进行 场景 设计 ， 该 坐标 系 是 “物理 的 "， 其 
度量 单位 为 1/96 英寸 ， 与 显示 设备 分 辩 率 无 关 。 例 如 ， 在 应 用 程序 中 ， 可 以 将 一 个 1/8Xx 
1/4 英寸 的 矩形 的 宽度 指定 为 12 个 单位 、 高 度 为 24 个 单位 5 。 同 样 ， 我 们 可 以 将 圆 的 直 





加 ”物理 坐标 系 也 有 局 限 性 。 由 于 具体 显示 的 尺寸 还 与 显示 过 程 中 的 各 个 部 件 ( 包 括 设 备 驱动 程序 和 屏幕 硬件 ) 
相关 ， 因 此 无 法 保证 所 显示 形状 的 大 小 绝对 准确 。 
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径 指定 为 96 个 单位 ， 从 而 生成 一 个 直径 1 英寸 的 圆 。 
尽管 直接 使 用 WPF 坐标 系 确实 可 使 场景 设计 与 分 辨 率 无 关 ， 但 我 们 并 不 建议 采用 这 
种 策略 ， 因 为 还 需要 考虑 另外 两 种 独立 性 。 
@ 独立 于 软件 平台 : 当 使 用 某 一 具体 图 形 平台 的 坐标 系 时 ， 不 必 将 一 部 分 程序 代码 绑 
定 于 该 平台 上 ， 倘 若 将 来 要 将 该 项 应 用 转移 到 其 他 平台 上 ， 这 种 绑 定 无 疑 会 增加 工 
作 量 。 
e@ 独立 于 显示 器 的 形状 因素 : 当今 设备 的 显示 屏幕 在 尺寸 和 宽 高 比 ( 即 形状 因素 ) 方 面 
差异 很 大 。 为 了 兼容 从 手机 、 平 板 到 计算 机 的 各 种 显示 屏 形状 ， 开 发 人 员 应 以 尽 可 
能 抽象 的 方式 定义 场景 几何 ， 和 运行 时 再 根据 当时 情形 (形状 因素 、 窗 口 大 小 ， 等 等 ) 
确定 具体 的 几何 信息 。 例 如 ， 在 确定 钟 的 1 英寸 直径 时 ， 我 们 当时 考虑 的 是 笔记 本 
电脑 屏 上 的 图 标 ;， 但 完全 可 以 为 智能 手机 另行 选择 一 种 合适 的 尺寸 。 采 用 抽象 坐标 
系 可 允许 运行 时 再 确定 实际 的 物理 尺寸 。2. 6 节 将 进一步 深入 讨论 这 一 重要 话题 。 
现在 可 以 看 到 ， 使 用 抽象 坐标 系 有 多 方面 的 好 处 ， 所 以 我 们 继续 采用 这 一 策略 。 
抽象 坐标 系 还 有 进一步 的 好 处 : 用 小 的 数字 来 描述 形状 常 更 为 方便 一 一 例如 ，“ 我 需 
要 一 个 工 坐 标 和 >y 坐标 都 是 从 一 1 到 1 的 圆 盘 ， 然 后 将 它 的 中 心 移动 到 (37，12)”， 而 不 
是 “我 需要 一 个 圆 盘 ， 它 的 xz 坐标 从 36 到 38，y 坐标 从 11 到 13”。 在 前 一 种 描述 中 ， 很 
容易 发 现 圆 盘 半 径 是 1， 形 状 为 圆 而 不 是 覃 圆 。 这 一 思想 ( 即 选择 某 些 坐标 系 进行 处 理会 比 
在 其 他 坐标 系 下 进行 处 理 容易 ) 还 将 被 再 三 验证 ,我们 将 它 归 纳 成 如 下 原则 : 
vy 坐标 系 / 基 原则 : 始终 选择 你 工作 最 为 方便 的 坐标 系 或 基 ， 并 通过 变换 使 它 和 不 同 的 








2.4.4 WPF 画布 坐标 系 


到 目前 为 止 你 只 知道 WPF 画布 坐标 的 一 个 特征 。 图 2-11 展示 了 其 他 重要 特征 : 原点 
(0，0) 位 于 画布 的 左上 角 ，z 坐标 轴 方 向 朝 右 ，y 坐标 轴 方 向 朝 下 ， 画 布 沿 4 个 方向 都 有 
边界 (图 中 用 浅 蓝 色 和 矩形 表示 )。 也 就 是 说 ， 每 个 WPF 画布 都 有 一 个 确定 的 宽度 和 高 度 ( 通 
常 由 前 面 提 到 的 布局 管理 器 控制 )。 在 ClipToBounds="True" 这 一 常见 例子 中 ， 边界 严 
格 受 限 ， 因 此 边界 外 的 任何 可 视 信 息 都 不 会 被 显示 。?° 





96 单 位 = 1 英寸 


<---------- > 


(0,0): 20 40 60 80 : 120 160 










2 二 图 2-11 WPF 画 布 ， 其 大 小 尺寸 为 168X96 个 

i . 杠 单位 ，ClipToBounds=True。 注 意 ， 
可 ey 原点 取 固定 位 置 和 96 个 单位 对 应 1 
60 :长 沪 英寸 的 固定 语义 。 当 在 显示 设备 上 采 
0 则 入 用 正确 的 设备 驱动 程序 绘制 时 ， 这 块 





，， oh 通 布 的 显示 尺寸 为 1.75X1 英寸。 夯 
画布 宽度 : 168 单 位 = 1.75 英 十 布 的 四 边 都 有 界 ， 只 能 显示 位 于 边界 
y 内 的 可 视 信息 


100 





加 ” 当 我 们 在 2. 4 节 中 实现 该 应 用 程序 时 ， 曾 假设 画布 足够 大 ， 可 以 显示 整个 时 钟 , 但 是 课 内 练习 2.5 将 让 你 
考虑 当 上 述 假设 不 成 立时 的 情况 。 
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有 了 这 些 信 息 ， 现 在 可 以 回 到 时 钟 应 用 程序 的 开发 中 。 先 回顾 一 下 从 抽象 坐标 系 ， 再 
到 物理 坐标 系 ， 再 到 设备 坐标 系 场景 几何 描述 的 映射 顺序 ， 如 图 2-12 所 示 。 我 们 已 经 讨 
仑 了 应 用 程序 和 WPF 画布 坐标 系统 ，2. 4.5 节 中 将 讨论 如 何 从 前 面 的 坐标 系 映射 到 后 面 
的 而 生源- 所 以 ， 这 里 将 简要 说 明 上 述 过 程 中 的 最 后 一 步 转换 ， 即 从 WPF 画布 到 显示 设 
备 上 实际 像素 的 映射 。 管 线 的 这 一 部 分 不 完全 受 应 用 程序 控制 ， 更 确切 地 说 ， 它 是 由 若干 
个 模块 合作 完成 : WPF 布局 管理 器 (由 应 用 程序 创建 和 配置 ， 用 以 控制 客户 区 中 所 有 组 件 
的 位 置 和 大 小 ， 包 括 画布 )， 窗 口 管 理 器 (控制 应 用 程序 客户 区 的 位 置 和 大 小 )， 和 底层 的 
光栅 化 管线 (由 一 系列 模块 组 成 ， 如 像 DirectX 或 OpenGL 的 立即 模式 程序 包 ， 底 层 设备 
驱动 程序 和 图 形 硬件 本 身 ) 。 





应 用 坐标 系统 站 
WPF 画 布 在 
ns 应 用 的 客户 
每 单位 = “> re 
i 1 英寸 的 1/96 | 区 域 提供 视窗 


图 2-12 从 应 用 程序 的 抽象 坐标 系 ， 到 WPF 画布 坐标 系 ， 最 后 到 显示 设备 上 应 用 窗口 的 客户 区 





在 20 世纪 80 年 代 中 期 ，Mac 和 Windows 标准 的 设备 无 关 单 位 (DIU) 是 1/72 英 
寸 ， 对 应 于 当时 的 典型 显示 器 的 dpi。 但 是 微软 的 研究 显示 ， 典 型 的 计算 机 用 户 距 离 显 
示 屏 幕 比 他 观看 打印 页 面 要 远 三 分 之 一 。 因 此 ， 为 了 确保 在 给 定点 尺寸 下 屏幕 上 和 纸 
上 呈现 的 文本 大 致 相当 ，GDI 的 DIU 按 比例 扩大 33%% ， 达 到 96dpi。 

记 住 ， 图 形 软件 平台 无 法 控制 硬件 显示 的 准确 性 ， 所 以 DIU 只 是 一 个 近似 值 。 
WPF 画布 上 长 度 为 96 个 单位 的 线段 在 “理想 设备 ”上 为 1 英寸 长 ， 但 在 实际 的 显示 
屏幕 上 不 一 定 是 这 样 。 














2.4.5 使 用 显示 变换 


现在 终于 明白 ， 为 什么 在 抽象 坐标 系 中 定义 的 钟 面 会 生成 如 图 2-9 所 示 的 不 可 接受 的 
结果 。 

e@ 圆 的 半径 为 20 个 单位 。 而 WPF 画布 上 20 个 单位 小 于 1/4 英寸, 这 当然 太 小 了 

e 圆 的 圆心 被 指定 在 原点 处 。 但 WPF 画布 只 显示 在 (十 z， 十 y) 象 限 中 的 数据 ， 因 此 

圆 的 大 部 分 不 可 见 

为 了 修复 应 用 程序 ， 我 们 将 构造 一 个 显示 变换 ， 在 将 整个 场景 几何 从 抽象 坐标 系 变 换 
到 WPF 画布 系统 的 过 程 中 ， 以 数学 方式 实现 以 下 调整 : a) 使 时 钟 完全 可 见 ，b) 使 时 钟 具 
有 合适 的 尺寸 。 

首先 考虑 几何 尺寸 的 调整 。 时 钟 直径 在 抽象 坐标 系 中 是 20 个 单位 ， 我 们 希望 它 映射 
到 WPF 画布 上 后 为 1 英寸 , 因此， 需要 将 其 映射 为 96 个 WPF 单位 。 为 此 ， 图 纸 坐 标 上 
的 每 个 坐标 轴 都 要 乘 以 一 个 倍数 96/20， 即 4.8。 为 了 在 画布 上 实施 这 一 比例 变换 ， 我 们 
通过 在 画布 系统 上 附加 一 个 RenderTransforms 来 指定 一 个 几何 变换 ， 该 变换 将 作用 于 





加 WPF 对 这 一 变换 使 用 的 名 称 RenderTransform 有 点 误导 ， 似 乎 它 只 用 于 控制 显示 。 更 好 的 名 称 应 是 Geomet- 
ricTransform， 因 为 它 执行 的 是 2D 几何 变换 ， 可 用 于 建 模 和 显示 控制 等 多 个 方面 ， 对 此 本 章 中 会 有 所 展示 。 
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场景 中 的 所 有 对 象 。 
1 <Canvas ss > 
2 
3 ls"THE, SOENE 一 去 
4 El1liBSe ,. /> 
5 
6 
7 <!— DISPLAY TRANSFORMATION -> 
8 KOaNVas Rende Teradnsstor» 
9 <!— The content of a RenderTransform is a TransformGroup 
10 acting as a container for ordered transform elements. -> 
过 STrANSEOLGLONDS 
12 <!— Use floating-point scale factors: 
13 1.0 to represent 100%, 0.5 to represent 50%, etc. 一 > 
14 pn | 
De 
16 
17 
18 


19 </Canvas> 


注意 ， 当 指定 2D 比例 变换 操作 时 ， 必 须 指 定 其 变换 中 心 ， 它 是 平面 上 的 一 个 静态 
点 一 比例 变换 后 所 有 其 他 点 都 会 远离 (或 靠近 ) 该 点 。 这 里 ， 我 们 使 用 原点 (0，0) 作 为 中 


已 点 


mo 


图 2-13 所 示 为 修改 后 的 应 用 程序 版 本 (lab 软件 V.02)。 显 然 ， 显示 尺寸 问题 已 经 解 
决 ， 但 仍然 只 有 四 分 之 一 的 圆 位 于 画布 的 显示 区 内 。 





图 2-13 添加 比例 变换 后 的 应 用 程序 示意 图 
为 了 使 场景 完全 可 见 ， 还 需要 在 画布 上 施加 另 一 个 变换 ， 我 们 使 用 平移 变换 : 


1 <TranslateTransform X="..." Y="..."/> 
那 需要 平移 多 少 个 单位 呢 ? 由 于 比例 变换 后 在 WPF 画布 上 圆 的 直径 为 1 英寸 ， 而 现 


在 每 个 坐标 方向 我 们 都 只 能 看 到 圆 的 一 半 ， 因 此 需要 将 圆 分 别 朝 下 和 朝 右 移动 半 英 寸 ( 即 
沿 画布 上 每 个 坐标 轴 移 动 48 个 单位 ) 以 保证 圆 完 全 可 见 。 
以 下 是 修改 后 的 XAML 代码 (lab 软件 V. 03) ， 其 效果 如 图 2-14 所 示 。 


‘Oo 


10 
4 


和 aaWaS ,ss ZF 


<!= THE SCENE => 
PlliipSse cs 7> 


<!- THE DISPLAY TRANSFORM -> 

<Canvas.RenderTransform> 
<TransformGroup> 
<ScaleTransform ScaleX="4.8" ScaleY="4.8" ... /> 
0 "a8 六 
</TransformGroup> 

</Canvas.RenderTransform> 





12 </Canvas> 
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应 用 坐标 系 一 
圆 的 大 小 为 20 x 20 单位， 其 圆心 位 于 原点 
缩放 变换 ， 沿 每 一 轴 向 放大 4.8 们 


平移 变换 
1 


。 WPF 画 布 坐标 系统 | 










图 2-14 添加 2 次 显示 变换 (缩放 和 平移 ) 后 的 应 用 程序 示意 图 


注意 : 本 章 中 所 有 应 用 示意 图 的 动画 版 本 都 已 附 在 网 上 材料 中 。 

回顾 : 我 们 使 用 了 一 系列 附着 在 画布 上 的 显示 变换 来 实现 几何 位 置 和 大 小 的 自 适 应 调 
整 ， 使 应 用 场景 能 在 显示 设备 上 满意 地 呈现 。 显 示 变 换 融 合 在 从 应 用 坐标 系 到 WPF 画布 
坐标 系 的 映射 过 程 中 ， 图 2-14 通过 不 断 变 深 的 字符 颜色 凸显 了 坐标 系 表 示 的 变换 过 程 。 

因为 显示 变换 附着 在 画布 上 ， 故 它 将 作用 于 整个 场景 ， 而 不 管 场 景 有 多 大 或 多 复杂 。 
上 例 中 的 场景 只 是 一 个 几何 基 元 ， 但 随 着 应 用 程序 的 继续 开发 ， 场 景 变 得 越 来 越 复杂 时 ， 
显示 变换 的 价值 将 愈加 明显 。 

课 内 练习 2. 1: 在 平移 变换 之 前 实施 比例 变换 只 是 进行 显示 变换 的 一 种 方式 ， 按 相反 
的 顺序 也 同样 可 行 ， 只 是 变换 参数 的 取 值 会 不 同 。 试 使 用 lab 软件 V. 03 并 且 对 其 XAML 
代码 做 适当 修改 来 更 改 两 种 变换 的 先后 顺序 。 首 先 ， 改 变 顺 序 但 不 调整 变换 参数 的 值 ， 观 
察 绘制 场景 会 发 生 怎样 的 变化 ， 再 根据 需要 调整 变换 参数 ， 恢 复 所 要 的 绘制 结果 。 

课 内 练习 2.2: 图 2-14 所 示 应 用 例子 中 的 圆 紧 贴画 布 的 上 边界 和 左边 界 。 试 修改 
V.03 使 圆 向 右 移 动 1/8 英寸 ， 向 下 移动 1/8 英寸 。 注 意 正确 的 变换 参数 取 值 与 该 变换 实 
施 的 顺序 有 关 。 

课 内 练习 2.3: 对 V.03 进行 编辑 ， 增 加 一 个 小 蓝 点 作为 12:00 的 标记 。 

从 课 内 练习 2. 1 中 ,大 家 已 经 注意 到 变换 结果 与 变换 序列 实施 的 顺序 相关 : 比例 变换 
在 平移 变换 之 前 与 比例 变换 在 平移 变换 之 后 会 产生 不 同 的 结果 。 与 顺序 相关 的 原因 是 由 于 
线性 代数 的 法 则 。 在 第 12 章 中 将 会 看 到 ， 每 一 变换 (如 旋转 变换 或 平移 变换 ) 在 计算 机 内 
将 表示 为 一 个 矩阵 ， 按 序 变换 相当 于 一 系列 矩阵 相 乘 ， 而 矩阵 相 乘 并 不 满足 交换 律 。 因 
此 ， 变 换 的 顺序 非常 重要 。 


2.4.6 构造 并 使 用 模块 化 模板 


上 述 变换 工具 可 施加 在 可 重用 模板 ( 称 作 控制 模板 ?) 的 复制 件 上 ， 对 它们 做 重新 定位 
和 调整 ， 从 而 创建 场景 。 不 同 于 无 法 改变 大 小 的 物理 模板 ， 可 以 对 图 形 模板 实施 旋转 、 平 
移 和 缩放 。 

考虑 一 下 我 们 应 如 何 来 定义 时 针 和 分 针 。 我 们 希望 它们 具有 相似 的 形状 , 但 时 针 更 短 
更 粗 ， 可 通过 对 构建 分 针 的 多 边 形 进行 非 均匀 缩放 来 实现 。 因 此 我 们 考虑 如 何 通过 定义 和 
使 用 图 2-15 中 显示 的 模板 来 构造 和 放置 这 两 个 指针 。 





加 WPF 在 其 模板 命名 中 使 用 “控制 ”一 词 指 的 是 这 种 模板 的 典型 用 法 : 构建 自 定 义 可 重用 的 GUI 控件 。 





我 们 采用 WPF 元 素 类 型 Polygon， 按 顺 时 针 或 逆 时 针 方向 ， 指 定 多 边 形 各 顶点 ， 来 


创建 轮廓 多 边 形 或 填 色 多 边 形 。 以 下 是 我 们 规范 时 钟 指 针 的 XAML 
描述 ， 多 边 形 采用 藏青 色 填 充 。 注 意 坐 标 对 之 间 用 空格 分 开 。 同 
时 ， 指 针 的 定义 基于 应 用 场景 的 抽象 坐标 系 。 


1 <BEOlYSSn 
pa Points="-0.3, =1 0 De 9 相交 Bids 
Fill="Navy" /> 


我 们 希望 该 Polygon 成 为 一 个 可 重用 的 模板 ， 一 次 定义 即 可 
多 次 实例 化 (添加 到 场景 ) 。 可 在 根 元 素 ( 此 处 指 canvas 元 素 ) 的 资 
源 部 分 对 控制 模板 进行 指定 。 每 个 模板 都 必须 赋予 一 个 唯一 的 名 称 


(使 用 x:Key 属性 )， 以 便 实 例 化 时 引用 。 





1 <Canvas so. > 

. <!— First, we define reusable resources, 图 2-15 时 钟 指针 模板 
4 giving each a unique key: -> 的 几何 定义 
5 DS 

6 “ControyTemplate x:Key="CLookHandTrTemplaten» 

gf <POLYGON v0 7 

8 </ControL nempLate> 

9 /Canvas.Resources> 

10 

11 

12 一 有 CRNBE 一 元 

Ts <El11iBSe 。。 。 /S 

14 

15 <!— THE DISPLAY TRANSFORM => 

16 <Canvas.RenderTransform> ... </Canvas.RenderTransform> 


17 </Canvas> 


如 果 现 在 执行 以 上 应 用 程序 ， 即 使 采用 了 新 的 模板 描述 ， 也 不 会 发 生 任何 变化 ， 仍 然 
只 有 灰色 的 钟 面 可 见 ， 因 此 必须 通过 对 该 模板 进行 实例 化 来 改变 所 显示 的 场景 。 

为 此 ， 我 们 在 场景 中 添加 一 个 Control 元 素 ， 它 通过 调用 资源 中 的 ClockHandTem- 
plate 进行 实例 化 ， 即 下 面 的 V. 04 修改 版 。 


20 下 内 上 PP 一 


<!= THE SCENE —> 
<!— The cloek faee 一 > 
<B1IliBSe 2, /> 


<!—- The minute hand: 一 > 
OONUHOLINames" Minetenandn 
TOMDYate lotaLICRes od On nner eae 


应 用 程序 的 新 版 本 在 屏幕 上 会 生成 什么 结果 呢 ? 由 于 整个 显示 变换 序列 已 关联 于 整个 
画布 ， 分 针 多 边 形 将 执行 全 部 显示 变换 ， 实 际 上 ， 它 跟随 钟 面 圆 共 同 经 历 了 这 些 变换 ， 如 
图 2=16 一 图 218 所 示 。 





图 2-16 分 针 将 执行 所 有 显示 变换 (173) 
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i 
指针 模板 的 初始 形状 与 方位 








缩放 变换 ， 沿 每 一 轴 向 放大 4.8 倍 





图 2-17 分 针 执 行 所 有 显示 变换 (2/3) 






”应 用 坐标 系 
指针 模板 的 初始 形状 与 方位 






缩放 变换 ， 沿 每 一 轴 向 放大 4.8 信 


平移 变换 
XxX: +48 y: +48 
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图 2-18 分 针 执 行 所 有 显示 变换 (3/3) 


到 现在 为 止 ， 除了 令 XAML 更 加 复杂 ,模板 似乎 并 没有 起 到 什么 作用 。 我 们 完全 可 
以 在 定义 Ellipse 后 再 定义 一 个 Polygon。 但 当 我 们 构建 时 针 ( 以 及 以 后 做 练习 ) 时 ， 你 
就 会 理解 使 用 模板 的 必要 性 。 

现在 用 相同 方法 ， 即 通过 实例 化 这 个 模板 来 构建 时 针 ， 但 我 们 作 两 项 调整 。 

首先 是 调整 它 的 形状 ， 以 便 与 分 针 区 分 开 来 。 为 此 ， 我们 在 这 个 实例 上 添加 一 个 比例 
变换 。 虽 然 本 章 前 面部 分 已 用 过 比例 变换 ， 但 这 里 目标 有 所 不 同 。 之 前 进行 序列 变换 是 为 
了 控制 场景 在 输出 设备 上 显示 的 尺寸 和 位 置 ( 故 称 为 显示 变换 )， 此 处 我 们 将 比例 变换 用 于 
创建 一 部 分 场景 ， 称 之 为 建 模 变换 (modeling transformation) 。 对 于 开发 者 而 言 ， 两 者 的 
用 法 不 同 ,但 对 底层 平台 的 实现 机 制 而 言 并 无 差别 ， 它 们 都 使 用 RenderTransform( 两 
者 区 别 在 “使 用 的 目的 ”>， 而 不 在 其 “实现 方法 ”) 。 

其 次 ， 在 组 建 整个 场景 时 ， 为 了 容易 区 分 两 个 指针 ， 我 们 对 其 位 置 进行 调整 ， 使 它们 
不 会 都 与 y 轴 重 合 。 我 们 将 时 针 顺 时 针 旋 转 45 ， 即 钟 上 显示 的 时 间 为 7: 30。 为 此 ， 我 
们 需要 第 三 个 WPF 变换 类 型 RotateTransform: 


1 <RotateTransform Angle=... CenterX=... CenterY=... /> 


为 了 对 时 针 进 行 实例 化 ， 我 们 使 用 曾 在 分 针 实 例 化 时 用 过 的 同一 control 标记 ,不 
过 其 中 再 添加 一 个 RenderTransform， 从 而 执行 一 个 建 模 变换 序列 。 修 改 后 的 代码 如 
lab 软件 中 V. 05 版 所 示 。 


1 <!= The hour hand: 一 > 

2 <Control Name="HourHand" Template="{StaticResource ClockHandTemplate}"> 

3 <COntroF.RenderTransform> 

4 <TransformGroup> 

5 <ScaleTransform ScaleX="1s7" ScaleY="0:7" CenterX="0" CenterY="0"/> 
6 <RotateTransform Angle=" 45" CenterX="0" Centery="0n/> 
7 
8 
9 








</TransformGroup> 
</Control .RenderTransform> 
</Control> 
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注意 ,为 了 定义 一 个 旋转 ,不 仅 需 要 提供 旋转 角度 ( 沿 顺 时 针 方 向 ， 以 度数 为 单位 )， 
还 要 提供 旋转 中 心 ， 即 绕 着 哪个 点 旋转 。 我 们 自 定义 的 坐标 系 有 一 个 很 好 的 特征 : 时 钟 中 
心 取 在 (0，0)， 所 以 原点 可 以 方便 地 作为 时 钟 指针 的 旋转 中 心 ( 也 可 作为 比例 缩放 的 中 心 ) 。 

我 们 场景 的 XAML 描述 对 RenderTransform 现 已 有 两 种 用 法 : 一 种 是 作为 建 模 变 
换 ( 由 两 个 基本 变换 组 成 ) 用 来 “构造 ”时 针 ， 另 一 种 是 作为 显示 变换 将 整个 场景 映射 到 画 


布 上 了 予以 显示 。 
1 <ECAnvasS sw 到 
学 <!— RESOURCES ATTACHED TO THE CANVAS 一 > 
3 <Canvas.Resources> 
4 <ControlTemplate x:Key="ClockHandTemplate"> 
3 <POLYSON ss YS 
6 </ControlTemplate> 
</Canvas.Resources> 
8 
9 <= THE SCENE 一 
10 <!= The clock face: -> 
1 DlL1iBSE. sv /> 
12 <!- The minute hand: -> 
13 <Control Name="MinuteHand" 
14 Template="{StaticResource ClockHandTemplate}"/> 
15 <!= The hour hand: -> 
16 <Control Name="HourHand" 
17 Template="{StaticResource ClockHandTemplate}"> 
18 <Control.RenderTransform> 
19 The modeling transform for the hour hand should be here. 
20 </Control.RenderTransform> 
21 </Control> 
22 <!— THE DISPLAY TRANSFORM 一 > 
23 <Canvas.RenderTransform> 
24 The display transform for the scene should be here. 
25 </Canvas.RenderTransform> 
26 


27 </Canvas> 

让 我 们 来 观察 一 下 时 针 在 建 模 变换 过 程 中 的 变化 。 图 2-19 所 示 为 时 针 模 板 原 有 几何 
言 息 的 实例 化 结果 ， 时 针 的 图 像 很 小 ， 不 过 这 是 显示 变换 之 前 的 结果 。 为 了 清楚 起 见 ， 我 
们 对 示意 图 做 了 放大 。 


. 应 用 坐标 系 | 
指针 模板 的 初始 形状 与 方位 。 

缩放 变换 ，x 坐 标 放大 

; ”上 17 倍 ，) 坐 标 放大 0.7 信 


I 村 这 痪 ， 顺 时 针 


ov i 方向 45 度 . 
| 


实例 重新 建 模 为 位 于 7: 30 的 时 针 
缩放 变换 ， 沿 每 一 轴 
目标 : 向 放大 4.8 倍 


显示 平移 变换 
xX: +48 y: +48 
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图 2-19 建 模 变 换 之 前 的 指针 模板 实例 
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第 一 个 建 模 变换 是 一 个 非 均 匀 的 缩放 变换 ， 它 产生 一 个 所 期 望 的 短 而 宽 的 形状 。 
是 我 们 所 要 的 时 针 形 状 ， 如 图 2-20 所 示 。 


央 
有 H 






-re 一 :一 一 


应 用 坐标 系 
指针 模板 的 初始 形状 与 方位 。 


[缩放 变换 ， x 坐标 放大 
目标 : “上 1.7 倍 ，) 坐 标 放大 0.7 倍 
建立 模型 | 。 旋转 变换 ， 顺 时 针 
>、 4 
“应 用 坐标 系 i 
实例 重新 建 模 为 位 于 7: 30 的 时 针 
缩放 变换 ， 沿 每 一 轴 
目标 : 向 放大 4.8 倍 
显示 平移 变换 
xX: +48 y: +48 


放大 后 
的 视图 
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图 2-20 ”变换 为 时 针 形 状 的 指针 模板 实例 
第 二 个 建 模 变换 将 它 旋 转 到 预定 的 7: 30 位 置 ， 如 图 2-21 所 示 。 














| 
指针 模板 的 初始 形状 与 方位 
x 缩放 变换 ,x 坐标 放大 
目标 : 1.7 倍 ，) 坐 标 放大 0.7 倍 
旋转 变换 ， 顺 时 针 
方向 45 度 
应 用 坐标 系 
实例 重新 建 模 为 位 于 7: 30 的 时 针 | 
缩放 变换 ， 沿 每 一 轴 “| 
目标 : 向 放大 4.8 倍 
显示 平移 变换 


XxX: +48 Ys +48 
WPF 画 布 坐 标 系统 
图 2-21 建 模 变 换 的 最 终结 果 : 时 针 指 向 7 : 30 


至 此 时 针 的 建 模 已 经 完成 ， 可 以 进行 显示 变换 。 在 实施 显示 变换 序列 过 程 中 它 始终 
“伴随 ”场景 ( 钟 面 和 分 针 ) 中 的 其 他 元 素 。 最 终生 成 一 幅 完 整 的 时 钟 图 像 ， 所 显示 时 间 为 
7 : 30。 本 章 在 线 资源 中 包含 了 一 段 动 画 ， 演 示 了 这 一 系列 建 模 变换 和 显示 变换 完整 的 操 
作 过 程 。 

课 内 练习 2. 4: We he 请 开启 一 
个 XAML 开发 环境 ， 画布 开始 。 添 加 所 有 必需 的 XAML 代码 来 构造 一 个 时 间 
定位 在 1:45 的 时 钟 。 3 也 可 以 在 钟 面 上 添加 一 个 表示 12 : 00 的 圆 点 。 

课 内 练习 2.5: 当 在 推荐 方式 (ClipToBounds= "True") 下 使 用 WPF 画布 时 ， 位 于 
画布 边界 外 的 可 视 信 息 将 不 可 见 ， 也 就 是 说 ， 图 像 被 画布 边界 “裁剪 ”了 。 


> 

NS 
入 
SS 





(a) 使 用 窗口 管理 器 快速 减 小 正在 运行 lab 软件 的 窗口 的 大 小 ， 观 察 因 画 布 太 小 
以 显示 整个 时 钟 图 像 时 会 发 生 什么 

(b) 跳 到 2.6 节 ， 该 节 介 介绍 了 一 个 包含 全 部 特征 的 应 用 程序 在 画布 很 小 的 情况 下 显示 
整个 场景 的 若干 方法 。 思 考 应 用 程序 如 何 使 用 WPF 显示 变换 来 实现 该 节 中 提 到 的 缩小 或 
摇 拍 /滚动 等 功能 。 

课 内 练习 2.6: 创建 一 个 新 的 源 模板 (具有 不 同 的 多 边 形 形 状 )， 来 构造 一 根 细 的 红色 
秒针 。 在 课 内 练习 2.4 生成 的 时 钟 上 对 该 模板 实例 化 ， 以 测试 你 的 工作 。 本 题 的 解 见 lab 
软件 V.06 版 。 

课 内 练习 2.7: 模板 越 复 杂 ， 其 重用 价值 就 越 大 。 在 时 钟 指针 模板 中 添加 一 些 新 的 元 
素 ( 例 如 ， 沿 着 指针 方向 添加 一 条 中 分 细 线 )， 或 为 它 定义 一 个 更 复杂 的 形状 …… 然后 观察 
其 实例 如 何 自 动 适应 模板 的 新 定义 。 

提示 : 当 放 置 多 个 基本 元 素 时 ，ControlTemplate 会 发 出 警告 ， 因 此 你 需要 将 其 内 
容 封装 到 canvas 元 素 中 。( 实 际 上 ，Canvas 可 用 于 多 种 用 途 ， 包括 作为 可 容纳 多 种 基本 
元 素 的 通用 封装 器 。) 不 过 此 时 不 要 把 任何 属性 放 到 canvas 的 开始 标签 中 。 

上 述 简 单 时 钟 指 针 模 板 是 一 个 非常 基本 的 、 单 层次 层次 化 建 模 (hierarchical modeling ) 
的 例子 ， 层 次 化 建 模 是 构建 非常 复杂 的 对 象 和 场景 的 一 种 高 级 技术 。 第 6 章 提供 了 对 这 
技术 的 介绍 和 应 用 例子 。 


2.5 用 WPF 实现 的 2D 图 形 动态 显示 


采用 保留 模式 可 支持 简单 的 动态 实现 ， ee 
序 模型 保持 同步 )， 而 平台 则 保证 显示 图 像 与 场景 图 同步 。 在 这 一 节 ， 我 们 将 介绍 WPF 应 
用 程序 中 两 种 可 行 的 动态 显示 : 
e@ 自动 、 非 交互 的 动态 显示 ， 此 时 2D 形状 由 XAML 定义 的 动画 对 象 操 纵 。 
e 传统 的 用 户 界面 动态 显示 ， 此 时 用 户 通 过 操纵 GUI 控件 ， 例 如 按钮 、 列 表 框 、 文 
本 输入 区 等 ,来 激活 动态 过 程 的 代码 (调用 相关 程序 )。 


2.5.1 基于 描述 性 动画 的 动态 显示 


WPF 提供 了 无 需 过 程 代码 定义 简单 动画 的 能 力 ， 由 XAML 动画 元 素 实 现 ， 通 过 插值 
使 对 象 的 动态 属性 随时 间 而 变化 。 应 用 程序 创建 一 个 动画 元 素 ， 将 其 关联 在 待 操控 的 属性 
上 ， 并 指定 动画 的 各 种 特征 ， 如 开始 值 、 结 束 值 、 插 值 速度 以 及 终止 时 预期 的 行为 (例如 ， 
重复 该 段 动 画 ) 等 。 最 后 ， 应 用 程序 指定 启动 动画 的 触发 事件 。 动 画 元 素 一 旦 建立 完毕 ， 
就 会 自动 工作 ， 无 需 应 用 程序 干预 。 

实际 上 每 一 种 XAML 元 素 的 属性 都 可 以 成 为 动画 的 对 象 ， 具 体例 子 有 : 

e 形状 的 局 部 原点 (例如 ， 椭 圆 左 上 角 ) 可 由 动画 元 素 操控 ， 从 而 使 形状 振动 。 

e 形状 基 元 的 填充 色 、 边 界 色 和 边界 粗细 等 属性 均 可 通过 动画 元 素 操控 ， 以 实现 反馈 

式 动画 ， 例 如 发 光 或 脉动 。 

e 动画 元 素 也 可 以 操控 旋转 变换 的 角度 属性 ， 从 而 使 指定 物体 产生 旋转 。 

作为 构建 时 钟 的 人 ， 我 们 对 最 后 一 条 有 兴趣 。 可 采用 三 个 动画 元 素 ， 各 对 应 一 条 指 
针 ， 从 而 让 时 针 转 动 起 来 。 

首先 回顾 一 下 之 前 设计 的 时 针 的 建 模 变换 。 
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1 <Control.RenderTransform> 

2 <TransformGroup> 

:| <ScaleTransform ScaleX="1.7" ScaleY="0.7" /> 
4 <RotateTransform Angle="45"/> <!— for 7:30 一 > 
5 </TransformGroup> 

6 </Control.RenderTransform> 


该 变换 实例 中 包含 了 一 个 RotateTransform， 使 时 针 指 向 7: 30。 一 般 将 12 : 00 选 
作 上 默认 的 “初始 ”时 针 位 置 。 现 在 考虑 在 应 用 程序 中 如 何 增添 时 间 语 义 ， 首先 改变 旋转 
变换 : 


1 <!= Retate into 12 oclock default positien 一 > 
2 <RotateTransform Angle="W809"/> 


除 此 之 外 ， 为 了 能 自动 调控 时 针 的 位 置 ， 增 加 一 个 RotateTransform 并 且 给 它 设置 
标签 (ActualTimeHour) 使 其 可 被 动画 程序 控制 。 做 了 这 两 处 改动 后 ，Transform- 
Grous 变 成 : 


1 <TransformGroup> 

a «ScaleTransform ScaleX="1.7" ScaleY="0,.7" /> 

3 < Retate int6 12 5 clLeck defauit poSition 一 > 

4 <RotateTransform Angle="180"/> 

5 <!- Additional rotation for animation to Show actual time: 一 > 
6 <RotateTransform x:Name="ActualTimeHour™" Angle="0"/> 

7 </TransformGroup> 


现在 来 看 控制 时 针 旋 转 的 动画 元 素 的 描述 。 在 WPF 中 ,每 个 需 自 动 进行 动态 显示 的 
数据 类 型 都 对 应 一 个 动画 元 素 。 为 了 控制 旋转 角度 ， 我 们 采用 双 精 度 浮 点 数 表示 该 角度 ， 
并 使 用 元 素 类 型 DoubleAnimation: 


<DoubleAnimat ion 
Storyboard.TargetName="ActualTimeHour™" 
Storyboard.TargetProperty="Angle" 
From="0.0™" To="360.0™ Duration="1:00:00.0" 
RepeatBehavior="Forever™" 


说 人 耻 册 上 男 日 一 


Ji 


通过 TargetName 和 TargetProperty 可 将 时 针 设 置 成 动画 ， 它 们 被 关联 于 目标 
RotateTransform 元 素 的 angle 属性 上。 其 中 ，From 和 To 属性 决定 旋转 的 区 间 和 方向 ， 
Duration 则 控制 旋转 角度 跨越 这 个 区 间 所 需 的 时 间 。Duration 按 如 下 传统 方式 指定 : 


1 Hours : Minutes : Seconds . FractionalSeconds 


采取 RepeatBehavior= "Forever" 设 置 时 ， 只 要 程序 在 运行 ， 指 针 就 会 一 直 转 动 
下 去 ， 直 至 旋转 角度 达到 “To” 给 定 的 终点 值 ， 然 后 重新 回 到 “From” 值 继续 旋转 。- 





你 可 能 会 考虑 生成 的 时 钟 动画 是 否 准 确 ， 以 上 给 出 的 描述 是 否 精确 。 在 CPU 负载 
很 重 或 计算 能 力 不 足 的 情况 下 ， 动 画 是 否 会 进行 ? 

虽然 CPU 压力 大 时 动画 的 平滑 性 会 受到 影响 ， 但 图 像 均 会 保持 当前 时 刻 它 应 该 有 
的 状态 。 动 画 引 擎 以 “绝对 ”方式 工作 ， 即 随时 计算 属性 的 当前 值 ， 而 不 是 采用 累计 
增 量 的 相对 方式 。 因 此 ， 即 使 在 长 时 间 段 内 应 用 程序 未 能 得 到 CPU 的 响应 ， 一 旦 应 用 


程序 得 到 的 CPU 时 间 足 以 刷新 图 像 ， 图 像 将 立即 跳 转 到 正确 的 状态 。 











加 ”其 他 可 用 的 行为 类 型 包括 反 向 运动 ( 即 “ 反 弹 回 来 ") 和 简单 的 停止 ( 即 “ 一 次 性 ”运动 ) 。 


心 
这 
LS 





最 后 一 步 是 安装 动画 程序 的 XAML 代码 。 我 们 希望 钟 面 显 示 时 立即 启动 动画 ， 因 此 ， 
创建 一 个 EventTrigger， 通 过 它 来 设置 画布 的 Triggers 属性 。 在 定义 触发 器 时 ， 必 
须 指 定 启动 它 的 事件 类 型 (本 例 中 为 画布 内 容 已 全 部 载 人 ) 和 它 将 执行 什么 操作 (在 本 例 中 
为 三 个 同时 实施 的 动画 元 素 ， 它 们 被 封装 在 WPF 中 的 Storyboard 中 ): 


1 A 7 光 

2 

3 The specification of the clock scene should be located here. 

4 

§ Canvas, Trigyere> 

6 “pen me yy moued vent nm Le 
3 <Beginstoryboard> 

8 «Storyboard» 

9 <DoubleAnimation 
10 Storyboard.TargetName="NEtUalTimeHour" 
11 Storyboard.TargetProperty="Angle" 
12 From="0.0" To="360.0" 
13 Duration="01:00:00.00" RepeatBehavior="Forever" /> 
14 

15 Two more DoubleAnimation elements should be located 
16 here to animate the other clock hands. 

17 

18 </Storyboard> 

19 </BeginStoryboard> 
20 </EventTrigger> 
21 <yCanvas. Triggers> 
22 


23 </Canvas> 


lab 软件 修改 版 V. 07 展示 了 这 一 时 钟 动画 ,我们 对 XAML 进行 了 修改 ,使 时 针 移 动 
加 快 ， 从 而 容易 受 人 注意 ， 有 利于 检查 动画 中 的 运动 。 为 检验 读者 对 本 节 内 容 是 否 理解 ， 
建议 完成 以 下 练习 。 

课 内 练习 2.8: 研究 修改 版 V.07 的 XAML 代码 ， 做 以 下 事情 : 

(a) 在 目前 版 本 中 ， 分 针 实 例 加 入 场景 时 未 经 任何 建 模 变 换 。 增 加 必要 的 标签 为 其 绑 
定 一 组 变换 ， 并 设置 两 个 旋转 变换 (一 个 将 它 的 默认 位 置 定 在 12 : 00， 另 一 个 用 来 驱动 动 
画 )。 同 时 在 storyboard 中 增加 必要 的 标签 ， 将 分 针 设 置 成 每 分 钟 转动 一 

(b) 类 似 地 设置 秒针 的 动画 

(c) 完善 时 针 动 画 设置 使 它 正 确 运行 。 

(d) 如 果 你 想 将 这 个 时 钟 演 示 给 你 的 朋友 看 ， 手 动 修改 指针 旋转 变换 中 默认 的 “初始 
位 置 "， 以 更 好 地 呈现 你 所 在 地 的 真实 时 间 ， 然 后 开始 执行 并 观察 时 钟 准确 运行 的 过 程 。 

(e) 时 钟 初始 化 问题 的 终极 解决 方案 是 使 用 过 程 代码 来 初始 化 时 钟 。 如 果 你 有 Visual 
Studio 软件 和 教程 ， 请 采用 这 一 XAML 原型 ， 通 过 添加 初始 化 逻辑 来 创建 一 个 功能 齐全 、 
能 正确 显示 当地 时 间 的 WPF 时 钟 应 用 程序 ， 将 它 “ 产 品 化 ”。 

课 内 练习 2.9: 如 果 你 想 获得 更 多 的 有 关 基 于 模板 的 建 模 和 动画 的 练习 ， 请 访问 在 线 
资源 ， 下 载 关 于 “Covered Wagon” 编 程 练习 的 指南 。 


2 532 基于 过 程 代码 的 动态 显示 


显然 ， 仅 采用 XAML 构建 应 用 程序 尚 不 足以 支持 多 方面 的 应 用 。 在 实现 处 理 、 逻 辑 、 
数据 库 访 问 和 复杂 交互 等 功能 方面 仍 需 采用 过 程 代码 。WPF 开发 者 会 将 XAML 用 于 最 合 
适 的 场合 (如 场景 初始 化 、 资 源 储 存 、 简 单 动 画 等 )， 而 使 用 过 程 代码 来 描述 应 用 程序 中 的 
行为 特性 。 例 如 ， 在 展示 一 个 真实 时 钟 时 ， 可 采用 过 程 代 码 给 出 正确 的 本 地 时 间 、 提 供 闸 


2D 图 形 学 简介 一 一 基于 WPF 45 





铃 、 对 用 户 交 互 进行 反馈 等 。 


2.6 支持 各 种 形状 系数 


从 智能 手机 的 小 型 屏幕 到 大 型 墙 面 LCD ee 
多 种 多 样 的 光栅 显示 设备 给 应 用 程序 带 来 了 挑战 。 
de te tr bn 
合理 极限 之 外 时 所 面临 的 问题 一 样 。 在 这 两 种 情形 下 ， 
应 用 程序 需要 做 出 调整 以 适应 显 示 区 域 形 状 系数 的 
变化 。 

一 个 设计 良好 的 应 用 程序 会 运用 逻辑 来 检测 当前 
的 形状 系数 并 根据 需要 对 其 显示 进行 适应 性 调整 。 让 
我 们 来 考察 典型 应 用 程序 中 两 个 关键 区 域 的 调整 策略 : 
用 户 界 面 (UD 区 域 和 屏幕 显示 区 域 。 

当 放 置 UI 控件 的 屏幕 区 域 有 限时 ， 缩 小 控件 的 尺 
才 并 不 明智 。UI 控件 的 可 用 性 以 及 用 户 对 常用 控件 位 
置 的 “空间 记忆 ”而 产生 的 依赖 性 ， 会 因 这 一 技术 而 
受到 不 利 影响 。 可 以 采用 省 略 ( 例 如 ， 隐 藏 不 常用 控 
件 ) 或 重新 布局 等 方法 进行 适应 性 调整 。 

后 者 的 例子 如 图 2-22 的 三 部 分 所 示 。 图 2-22a 显 
示 最 佳 布局 下 的 菜单 栏 和 工具 栏 。 如 果 窗 口 宽度 明显 
变 短 ， 栏 的 右 端 会 被 裁剪 掉 ， 如 图 2-22b 所 示 ， 所 附 标 
识 “> >” 的 “扩展 ”按钮 提示 可 对 已 隐藏 的 菜单 和 
控件 进行 访问 。 图 2-22c 为 按 下 扩展 按钮 后 的 结果 ( 显 
示 出 工具 栏 剩余 部 分 ) 。 

当 用 于 场景 显示 的 视窗 的 尺寸 受 限时 则 需 考虑 另 
一 套 策 略 。 可 能 的 解决 方案 有 以 下 几 种 : 

e 缩小 绘制 图 像 以 便 视 窗 中 容纳 更 多 (或 全 部 ) 场 景 。 

e 在 视窗 边界 处 对 绘制 结果 进行 裁剪 ， 同 时 提供 

屏幕 拖 动 接口 以 支持 对 场景 任意 部 分 的 访问 。 

上 述 选 择 不 是 互相 排斥 的 ， 通常 应 用 程序 会 联合 
使 用 缩放 和 裁剪 ; 作为 例子 ,图 2-23 显示 出 Adobe 
Reader 的 缩 略 图 面板 。 在 本 例 中 ， 显 示 的 内 容 是 一 个 
很 长 的 PDF 文档 ， 可 将 它 想 象 成 一 个 非常 高 而 细 的 场 
景 ， 其 宽度 为 一 个 标准 的 页 宽 ， 长 度 则 为 136 个 标准 
页 。 对 于 高 度 和 宽度 ， 应 用 程序 采用 了 不 同 的 处 理 方 
法 。 对 于 前 者 ， 它 对 场景 进行 裁剪 ， 每 次 仅 显 示 几 页 ， 
并 提供 上 下 滚动 功能 对 场景 进行 导航 。 对 于 后 者 ， 它 
采用 比例 缩放 的 策略 使 场景 的 宽度 正好 与 显示 面板 的 
宽度 匹配 。 用 户 可 以 加 宽 显 示 面 板 ， de 
的 宽度 并 减 小 缩小 的 比例 ， 使 缩 略 图 更 易 “ 阅 读 ”。 
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图 2-22 


图 2-23 
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数 /屏幕 尺寸 ， 应 用 程序 负责 选取 相应 的 自 适 应 策略 ， 而 WPF 平台 则 提供 实现 这 一 策略 的 
具体 机 制 。 例 如 ，WPF 的 UI 布局 工具 简化 了 上 面 所 述 的 自 适应 过 程 。 而 对 于 场景 自 适应 
显示 而 言 ， 变 换 可 发 挥 重要 作用 : 比例 缩放 为 场景 放大 /缩小 提供 了 方便 ,平移 变换 则 支 
持 对 场景 的 滚动 / 拖 动 。 


2.7 讨论 和 延伸 阅读 

本 章 我 们 看 到 了 如 何在 2D 世界 的 抽象 应 用 坐标 系 中 创建 一 系列 基 元 ， 以 及 如 何 通过 
已 定义 模板 的 实例 化 实现 基 元 的 重用 。 虽 然 我 们 没有 展示 由 简单 模板 组 合成 复杂 模板 的 例 
子 ， 但 在 第 6 章 WPF 3D 的 讨论 中 我 们 会 介绍 这 种 常见 的 几何 建 模 方式 。 在 建 模 和 从 抽象 
应 用 坐标 系 到 WPF 画布 坐标 系 、 再 到 物理 设备 坐标 系 的 映射 中 我 们 都 运用 过 变换 ， 有 关 
变换 的 基础 数学 将 在 后 续 章 节 中 讨论 。 我 们 也 注意 到 ， 保 留 模式 图 形 平台 的 优点 在 于 将 许 
多 应 用 (包括 简单 动画 ) 中 的 常见 任务 加 以 归纳 和 提炼 ， 然 后 分 离 出 来 。 最 为 重要 的 是 ， 我 
们 介绍 了 用 于 快速 原型 设计 的 描述 性 语言 的 基本 特征 ， 它 可 以 方便 地 扩展 ， 用 于 WPF 3D 
中 的 几何 建 模 和 绘制 。 

我 们 没有 讨论 面向 用 户 交 互 ( 如 按 下 按钮 ) 的 UI 回调 响应 。 如 果 这 类 交互 会 改变 绘画 
的 内 容 ， 则 必须 重 画 ， 这 与 之 前 提 到 的 当 交 互 改 变 了 应 用 模型 的 状态 时 我 们 必须 做 出 相应 
调整 一 样 。 对 于 具有 UI 的 大 多 数 程序 来 说 ， 这 样 的 回调 响应 已 成 标准 ， 对 此 我 们 将 不 再 
进一步 讨论 。 

但 还 有 一 种 交互 需要 考虑 : 发 生 在 视窗 内 的 交互 ， 如 用 户 在 当前 显示 的 场景 图 上 进行 
点 击 和 拖 动 等 。 为 了 对 其 做 出 恰当 的 响应 ， 通 常 需要 知道 用 户 点 击 了 场景 图 上 的 哪个 物 
体 ， 以 及 拖 动 的 开始 位 置 和 终止 位 置 。 确 定 被 点 击 的 物体 称 为 关联 拾取 (pick correlation)， 
我 们 将 在 第 6 章 3D 的 内 容 中 讨论 。 在 3D 场景 中 的 点 击 和 拖 动 操作 常会 涉及 层次 化 的 几 
何 建 模 变换 ， 需 仔细 处 理 ， 在 第 21 章 中 将 讨论 一 些 例子 。 

图 形 软 件 包 可 谓 琳琅 满 日 ， 倘 若 你 从 事 图 形 学 研究 ， 至 少 会 遇 到 几 种 。 建 议 读者 浏览 
网 页 ， 阅 读 有 关 软 件 包 (例如 OpenGL 和 Swing) 的 内 容 ， 获 得 对 不 同 软件 包 的 不 同 特征 ， 
以 及 它们 之 间 的 共性 和 差异 的 初步 体验 。 
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3. 1 一 幅 丢 勒 的 木刻 画 

1525 年 ， 阿 尔 布雷 希 特 。 和 技 勒 制作 
了 一 幅 木 刻画 ， 该 画展 示 了 一 种 可 以 绘制 一 
任 一 形体 透视 图 的 方法 ( 见 图 3-1)。 木 刻 | J 
画 中 ， 两 个 男人 正在 创作 一 幅 鲁 特 琴 的 | 到 ee 
图 。 本 章 我 们 将 开发 一 个 软件 来 模拟 丢 勤 二 
所 展示 的 方法 。 

该 装置 由 几 个 部 分 组 成 。 首 先是 一 根 
很 长 的 细 线 ， 它 的 起 点 位 于 一 个 小 指针 的 
针尖 ， 细 线 穿 过 附 在 墙 上 的 环 首 螺钉 的 孔 
眼 ， 其 终点 处 系 了 一 个 能 维持 线 张力 的 小 
夸 码 。 指 针 可 由 人 四 处 移动 ， 从 而 触及 竺 














绘制 的 物体 上 的 各 点 。 图 3-1 两 人 采用 早期 的 “绘制 引擎 ” 
其 次 , 还 有 一 个 带 板 的 长 方形 木 框 创作 一 幅 鲁 特 琴 图 


(这 里 称 该 板 为 快门 )， 板 通过 一 个 合 页 连 

在 木 框 上 ， 它 可 以 完全 转向 一 旁 ( 如 画 中 所 示 ) 或 者 部 分 地 旋转 以 遮盖 木 框 的 开口 (就 好 像 
快门 遮挡 镜头 窗口 )。 板 上 覆盖 了 一 张 待 绘画 的 纸 ， 在 木刻 画 中 ， 可 以 看 到 纸 上 已 部 分 完 
成 的 鲁 特 琴 图 。 第 一 个 人 已 将 指针 移动 到 琴 上 一 个 新 位 置 。 细 线 穿 过 画 框 ， 第 二 个 人 拿 着 
铅笔 指 着 穿 过 点 ， 然 后 快门 被 关上 ， 细 线 被 推 向 一 劳 ， 铬 笔 则 在 纸 上 做 出 一 个 新 的 标记 。 
该 过 程 持续 进行 直至 整个 画作 (以 很 多 铅笔 标记 点 的 形式 ) 形 成 。 当 然 ， 在 整个 绘画 过 程 中 
拿 着 铅笔 的 人 都 必须 稳定 地 手持 铅笔 。 

所 完成 的 鲁 特 琴 图 由 很 多 铅笔 标记 构成 ， 将 这 些 标记 连 在 一 起 可 呈现 出 一 幅 完 整 的 绘 
图 。 这 幅 绘图 就 是 鲁 特 琴 的 透视 图 ， 展 示 了 观察 者 的 眼睛 位 于 墙 上 环 首 螺丝 孔 眼 位 置 时 所 
看 到 的 画面 。 注 意 ， 墙 上 螺丝 的 高 度 和 桌子 的 位 置 都 是 可 调 的 ， 因 此 ， 视 点 和 画面 之 间 的 
相对 距离 应 被 视 为 该 场景 绘制 引擎 的 参数 。 

绘图 的 可 信 度 源 于 三 大 主要 因素 。 第 一 ， 光 沿 着 直线 传播 ， 而 拉 伸 的 细 线 代表 了 一 
条 从 和 鲁 特 琴 到 视点 的 光线 路 径 。 第 二 ， 和 鲁 特 琴 的 图 位 于 场景 内 ， 当 “快门 ”关闭 后 , 它 
仍 沿 同一 方向 ， 向 视点 传递 光线 。 场 景 中 高 对 比 度 点 亦 可 由 绘图 上 的 标记 表示 ， 这 些 标 
记 本 身 即 为 图 上 的 高 对 比 度 点 。 第 三 ， 人 类 的 视觉 系统 似乎 根据 场景 中 具有 高 对 比 度 的 
边 来 理解 场景 ， 因 此 ， 纸 上 的 标记 往往 能 激发 我 们 的 视觉 系统 对 真实 场景 的 关联 反应 。 

注意 ， 细 线 应 穿 过 画 框 。 如 果 指 针 移 到 的 位 置 不 能 被 位 于 螺丝 孔 处 的 视点 通过 画 框 所 
看 到 ， 那 么 ， 细 线 亦 会 因 触 碰 画 框 而 弯曲 。 在 这 种 情况 下 ， 纸 上 将 不 会 留 下 任何 标记 。 

现在 我 们 给 出 对 此 “绘制 ”过 程 的 稍微 正式 一 点 的 描述 ， 如 代码 清单 3-1 所 示 。 
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代码 清单 3-1 丢 勒 视角 绘制 算法 的 伪 代 码 





1 Input: a scene containing some objects, location of eye-point 
2 Output: a drawing of the objects 

3 

4 initialize drawing to be blank 

5 foreach object 0 

6 foreach visible point P of o 

视 Open shutter 

8 Place pointer at P 

9 if string from P to eye-point touches boundary of frame 
10 Do nothing 

Ly else 

12 Hold a pencil at point where string passes, through frame 
13 Hold string aside 

14 Close shutter to make pencil-mark on paper 

15 Release string 





该 算法 有 三 个 方面 值得 注意 ， 这 三 个 方面 都 体现 在 遍历 所 有 采样 点 的 循环 中 。 第 一 ， 
该 循环 面向 的 是 可 见 采 样 点 ， 因 此 ， 判 定 采 样 点 的 可 见 性 很 重要 。 第 二 ， 可 能 存在 无 限 数 
量 的 可 见 采 样 点 。 第 三 ， 我们 之 前 曾 提 到 ， 当 细 线 触 磁 画 框 而 不 是 穿 过 画 框 内 的 空白 区 域 
时 应 该 如 何 处 理 。 如 果 物 体 足 够 大 ， 必 然 会 出 现 从 螺丝 处 视点 通过 画 框 只 能 看 到 物体 一 部 
分 的 情形 。 

现在 ， 我 们 来 讨论 第 一 个 问题 ;第 二 个 问题 可 通过 逼近 绘制 来 解决 ， 即 选择 有 限 数 量 
的 采样 点 ， 使 得 在 纸 上 的 这 些 标记 能 较 好 地 呈现 出 物体 的 外 形 。 如 何 通过 有 限 次 计算 最 佳 
通 近 理论 上 需 无 限 次 计算 才能 得 到 的 结果 ? 这 个 问题 至 为 关键 ， 将 多 次 出 现在 本 书 中 。 本 
章 中 我 们 将 要 绘制 的 物体 极其 简单 ， 因 此 可 以 暂时 将 这 个 问题 搁置 一 边 。 

第 三 个 问题 : 剔除 视 域 (眼睛 或 相机 能 看 见 的 那 一 部 分 世界 ) 外 的 采样 点 ， 这 是 图 形 学 
中 的 一 个 常见 操作 ， 可 以 避免 将 绘制 时 间 浪 费 在 视 域 之 外 。 该 操作 称 为 裁剪 。 裁 剪 可 以 非 
常 简单 ， 例 如 判定 一 个 采样 点 (或 整个 对 象 ) 是 否 在 视 域 之 外 ， 也 可 以 涉及 较为 复杂 的 操 
作 ， 例 如 对 一 个 部 分 位 于 视 域 之 外 的 三 角形 进行 修剪 ， 直 至 它 成 为 一 个 完全 位 于 视 域 之 内 
的 多 边 形 。 现 在 ， 我 们 将 使 用 一 个 十 分 简单 的 点 裁剪 版 本 ， 也 就 是 说 ， 我 们 将 忽略 在 视 域 
之 外 的 所 有 采样 点 。 

我 们 做 了 一 个 实用 的 简化 : 为 判定 指针 人 尖端 是 否 在 视 域 ( 一 个 3D 体 ) 之 内 ， 我 们 检测 
细 线 穿 过 画 框 的 位 置 是 否 位 于 纸 的 边界 内 (而 不 是 细 线 是 否 触 及 画 框 )。 这 两 个 测试 是 等 价 
的 ， 但 从 实现 过 程 看 ， 测 试 一 个 点 是 否 在 矩形 内 要 比 测试 一 个 点 是 和 否 在 3D 体内 更 容易 。 

课 内 练习 3. 1: 假设 你 能 移动 丢 勒 木刻 画 中 的 和 鲁 特 琴 。 

(a) 如 何 移动 它 ， 才 能 使 “touches boundary of frame” 对 于 内 部 循环 的 每 一 次 迭代 都 
成 立 ， 因 而 使 该 算法 执行 时 几乎 所 有 工作 (除了 初始 设置 ) 都 被 纳入 那 条 子 句 ? 

(b) 如 何 移动 它 ， 才 能 确保 任何 一 步 迭 代 都 不 会 进入 那 条 子 句 ? 

(答案 应 具有 “将 它 移 到 离 画 框 更 近 的 位 置 ， 并 将 它 抬 高 一 点 ”之 类 的 表述 ， 即 应 描 
述 鲁 特 琴 在 房间 里 的 具体 移动 。) 

课 内 练习 3. 2: 假设 不 是 在 鲁 特 生 上 移动 位 于 细 线 一 端的 指针 并 观察 细 线 在 何 处 穿 过 
画 纸 ， 而 是 板 上 贴 一 张 绘 图 纸 。 对 绘图 纸 上 的 每 一 个 方 格 ， 手 拿 铅 笔 的 人 将 笔尖 置 于 方 格 
的 中 心 点 ， 然 后 打开 快门 ， 另 一 个 拿 着 指针 的 人 移动 指针 ， 使 得 细 线 穿 过 铅笔 类， 而 让 位 
于 细 线 端点 的 指针 触及 重 特 雄 、 桌 子 或 墙 。 记 下 指针 触及 的 物体 ， 当 快门 再 次 关闭 时 ， 手 
拿 铅笔 的 人 根据 指针 触及 点 处 的 明暗 程度 ， 用 铅笔 在 该 方 格 上 填 抹 相应 的 灰 度 : 若 触及 点 
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处 看 上 去 很 蜡 ， 则 该 方 格 完全 涂 黑 。 若 看 上 去 很 亮 ,， 则 该 方 格 保留 空白 状态 。 假 如 在 明暗 
之 间 ， 则 该 方块 涂 上 浅 灰 色 。 试 想 一 下 这 样 会 生成 一 张 怎样 的 图 。 这 种 方法 ( 逐 像素 操作 ， 
检测 透 过 该 像素 应 该 看 到 什么 ) 是 光线 跟踪 的 核心 ， 将 在 第 14 章 讨 论 。 另 一 个 稍 有 不 同 的 
版 本 也 由 丢 勒 开发 ， 该 方法 如 图 3-2 所 示 : 将 绘图 纸 平 铺 在 桌子 上 ; 在 快门 上 设 有 对 应 的 
方 格 ， 由 横 平 竖 直 的 铁丝 围 成 ， 或 覆盖 一 张 半 透明 的 绘图 纸 ， 先 前 的 细 线 和 指针 则 为 画家 
透 过 前 面 的 小 孔 观 察 场景 的 视线 所 取代 。 
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图 3-2 另 一 种 丢 勒 的 绘制 方法 


采用 细 线 和 指针 生成 的 图 与 基于 绘图 纸 方法 生成 的 图 有 很 大 的 差别 。 前 者 生成 场景 中 
景物 的 轮廓 (由 第 一 个 人 仔细 选择 采样 点 )。 而 后 者 完全 不 管 要 绘制 的 是 场景 中 的 哪些 景 
物 ， 而 仅 在 每 一 个 方 格 中 填充 某 一 灰 度 值 。 假 如 场景 很 简单 一 一 只 有 少数 几 条 轮廓 线 ， 那 
么 第 一 种 方法 很 快 。 若 场景 很 复杂 一 一 例如 一 大 碗 意大利 面 ， 那 么 第 二 种 方法 因 绘 图 纸 上 
的 方 格 数 固 定 而 会 更 快 。 当 然 ， 它 之 所 以 快 是 因为 在 真实 的 世界 里 ， 我 们 能 即时 确定 每 个 
方 格 的 可 见 点 ， 关 于 这 一 问题 我 们 将 在 下 一 节 作 进一步 讨论 。 然 而 ， 一 般 而 言 ， 图 形 学 的 
很 多 技术 都 涉及 由 于 场景 复杂 度 不 同 而 产生 的 折 中 ， 这 仅仅 是 我 们 首次 遇 到 的 。 

我 们 已 经 了 解 了 绘制 的 基本 过 程 ， 下 一 步 是 如 何 采 用 现代 技术 实现 这 一 过 程 使 之 为 计 
算 机 图 形 学 所 用 。 我 们 将 继续 关注 如 何 生成 一 幅 绘 图 ， 更 准确 地 说 ， 我 们 将 构建 一 个 模拟 
上 述 绘制 方法 的 程序 ， 和 希望 读者 能 从 中 领悟 计算 机 图 形 学 描绘 真实 世界 的 各 种 方法 。 下 面 
先 从 对 可 见 性 的 讨论 开始 。 


3.2 可 见 性 


在 丢 勒 木刻 画 所 述 情形 中 ， 选 择 可 见 的 采样 点 并 未 成 为 问题 ， 但 对 于 我 们 而 言 却 非常 
重要 。 根 据 丢 勒 所 示 方 法 ， 要 确定 采样 点 P 是 否 可 见 ， 用 户 只 需 将 指针 定 在 P 点 ， 然后 
观察 细 线 是 沿 着 一 条 直线 直达 螺丝 钉 的 孔 眼 ， 还 是 途中 遇 到 和 鲁 特 琴 的 某 处 或 其 他 物体 而 产 
生 了 弯 折 。 不 过 ， 在 构建 绘制 过 程 的 简化 模型 时 ， 我 们 将 暂时 忽略 可 见 性 检测 ， 不 是 因为 
这 个 问题 不 重要 (第 36 章 将 专门 讨论 加 速 可 见 性 计算 的 数据 结构 )， 而 是 因为 这 问题 既 十 
分 复杂 ， 又 非 我 们 构建 简单 绘制 程序 所 必需 。 


3.3 实现 


为 了 模拟 木刻 画 的 算法 ， 我 们 将 用 到 代数 和 几何 知识 ， 并 对 简单 形状 做 简要 描述 : 对 
于 立方 体 ， 我 们 给 出 其 6 个 项 点 的 位 置 ， 并 记 下 哪些 顶点 通过 边 直接 相连 。 因 此 ， 立 方 体 
模型 可 认为 是 线 框 模型 ( 即 用 连接 在 一 起 的 线段 来 表示 一 个 物体 ) 。 

为 了 简化 几何 ， 我 们 将 采用 一 个 很 好 的 度量 室内 各 点 坐标 的 方法 。 取 墙 上 螺丝 钉 孔 眼 作 
为 坐标 系 的 原点 ( 见 图 3-3)， 记 为 E( 作 为“ 视点”)。 令 绘图 的 画 框 位 于 = 一 1 平面 上 ( 即 测量 
螺丝 钉 孔 眼 到 画 框 平面 的 距离 ， 将 该 距离 取 为 坐标 系 的 1 个 单位 长 度 )。 记 该 平面 上 离 螺丝 钉 





图 3-3 为 丢 勒 版 木刻 图 设置 的 坐标 系统 : 原点 位 于 
螺丝 钉 孔 眼 ， 记 为 点 EE，y 轴 和 xz 轴 方向 如 图 
所 示 。 面 框 位 于 z= 二 1 的 平面 上 ， 与 墙 所 在 平 
面 z 二 0 平行 。x 坐标 轴 沿 水 平方 向 ， 位 于 墙壁 
所 在 平面 内 ， 与 墙 上 的 阴影 线 几乎 同 向 。 而 > 
轴 亦 在 水 平面 上 ， 并 与 墙 面 垂 直 。 由 于 透视 
效应 ，Zz 轴 和 >z 轴 看 上 去 似乎 平行 ， 但 实际 上 
它们 指向 不 同 的 方向 。 点 工 是 画 框 所 在 的 平 
面 (z= 二 1) 上 离 螺丝 钉 孔 眼 最 近 的 采样 点 。z 轴 
正 向 从 螺丝 钉 孔 眼 指 向 工 点 ， 故 工 的 zyz 坐 
标 值 为 (0，0，1) 


位 于 zx 一 1 平面 的 画 框 的 范围 由 角 点 (zmins Yrin，1)、(Zmax， Ymax， 1) 定 义 ， 顾名思义 ， 
Xmin 之 Xmax， ymin 过 ymax。 为 了 简化 几何 并 与 原始 的 画作 保持 一 致 ( 画 框 看 上 去 旦 正方 形 ?)， 
我 们 假设 其 宽度 zw 一 zmin 与 高 度 ym 一 ymin 完 全 相等 。 更 准确 地 说 ， 画 框 的 两 个 对 角 点 的 
3 坐标 分 别 为 (wgms wi 1)Cynny iams 1 

课 内 练习 3.3: 画 框 的 另外 两 个 顶点 的 坐标 是 多 少 ? 

设想 快门 关闭 后 填充 画 框 的 纸 是 一 张 绘图 纸 ， 我 们 将 它 的 左下 角 点 标记 为 (xn， 
ymn)， 右 上 角 点 标记 为 (zwax，ywmax)， 基 于 这 两 个 点 可 定义 纸 所 在 平面 的 坐标 。 因 此 ， 对 
于 其 最 后 坐标 分 量 为 1 的 每 一 个 3D 采样 点 (x，y，1)， 可 给 出 它 在 图 纸 上 的 坐标 (x，y)。 

现在 ， 假 设 我 们 正在 观察 物体 上 的 点 P 二 (x，y，xz)， 如 图 3-4 所 示 ; 当 点 了 到 点 下 
的 线 ( 细 线 ) 穿 过 画 框 时 ， 交 画 框 所 在 平面 于 P' 二 (x'，y '，z')?。 现 只 需 基 于 已 知 坐 标 x、 
y、z 计算 得 到 (x ，y ，>z )。 























图 3-4 点 P=(x，y，z) 是 物体 上 一 点 。 从 PP 点 到 视点 EE 的 细 线 将 穿 
过 画 框 中 某 个 位 置 P' 二 (x ，y ，x )。 注 意 此 处 x'== 





画 框 内 的 平板 看 上 去 并 非 正方 形 ， 为 简化 起 见 ， 我 们 不 妨 假设 为 正方 形 。 

点 己 和 点 尸 分 别 代表 某 一 采样 点 以 及 与 该 点 相关 的 另 一 个 点 ， 这 种 标记 方式 有 利于 揭示 两 点 之 间 的 关联 关 
系 ; 不 过 ， 大 多 数 程序 语言 不 允许 在 变量 的 名 称 中 使 用 “'” 或 类 似 的 标记 ， 因 此 我 们 的 代码 采用 了 另 一 不 
同 的 命名 惯例 。 


OO 
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我 们 已 在 z=0 平面 上 画 出 了 两 个 相似 三 角形 ， 如 图 3-5 所 示 。 小 三 角形 的 顶点 为 : 
顶点 下 =(0，0，0); P' 在 x=0 的 平面 上 的 投影 ， 其 坐标 为 (0，y ，1); 点 (0，y ，0)， 
它 位 于 记 正 下 方 。 大 三 角形 的 顶点 为 : 
点 五 ; PP 在 x 二 0 平面 的 投影 ， 其 坐标 
ND ve 2 0 ma VI EE 
下 方 。 

三 角形 的 相似 性 告诉 我 们 ， 两 个 
三 角形 的 竖 直 边 与 水 平 边 之 比 必定 相 
等 ， 也 就 是 说 ，y'/1= yz。 类似 地 ， 
在 y=0 平面 内 的 三 角形 (设想 采用 俯 
视 视角 来 观察 场景 ) 中 ， 有 x /1 二 zx/ 
z， 两 者 可 简化 为 





xz: 一 过 (3-1) ”图 3-5 位 于 xz=0 平 面 上 相互 重奏 的 两 个 相似 三 角形 。 
小 三 角形 与 大 三 角形 的 竖 直 边 的 长 度 分 别 为 y 


i (3_2) 和 y。 那 么 ,它们 的 水 平 边 的 长 度 是 多 少 呢 


ue 


现在 ， 我 们 已 经 知道 在 一 般 情况 下 如 何 由 己 的 坐标 计算 得 到 已 "的 坐标 ! 那么 我 们 可 以 给 
出 修正 后 的 算法 版 本 ， 如 代码 清单 3-2 所 示 。 
代码 清单 3-2 ” 丢 勒 绘制 算法 的 一 个 简单 实现 版 本 


Input: a Scene containing some objects 
Output: a drawing of the objects 








initialize drawing to be blank 
foreach object o 
foreach visible point P= (x,y,z) of o 
if xmin < (x/z) < xnax and ymin < (>/z) < ymax 
make a point on the drawing at location (x/z,y/z) 


oo GAOJDDP 一 





让 我 们 暂时 停 下 来 思考 一 下 : 我 们 已 经 得 到 了 图 纸 平面 上 铅笔 标记 点 的 zx 和 >y 坐 
标 。 但 如 果 从 位 于 墙 上 的 螺丝 钉 孔 眼 来 观察 最 终 图 像 ， 那 么 工 轴 正 向 将 指向 我 们 的 左 
侧 。(y 轴 正 向 仍然 朝 上 ,) 我 们 可 以 将 采样 点 绘 在 一 张 其 x 轴 正 向 朝 左 的 图 纸 上 ， 也 可 
以 将 工 坐标 反 号 使 工 轴 正 向 朝 右 。 现 采用 第 二 种 方法 ， 因 为 它 与 我 们 在 后 面 将 采取 的 
更 一 般 性 的 方法 是 一 致 的 。 为 此 ， 将 算法 的 最 后 一 部 分 进行 修正 ， 如 代码 清单 3-3 
所 示 。 


代码 清单 3-3 ”对 丢 勒 绘制 算法 的 小 改动 


1 if wnin < (x/z) < xmax and ymin 至 (yz) < 了 max 
2 make a point on the drawing at Location (WW, y/z) 








为 了 实现 丢 勒 绘制 方法 的 现代 版 ,我 们 需要 : 一 个 场景 ,场景 中 一 个 物体 的 模型 ， 绘 
制 的 方法 。 

为 简单 起 见 ， 我 们 的 场景 由 一 个 正方 体 构成 。 正 方 体 的 初始 模型 由 正方 体 的 8 个 顶点 
构成 。 一 个 基本 的 正方 体 可 由 下 表 描 述 : 








索引 坐标 索引 坐标 

0 《一人 5 4 《一 人 .一 由 有 人 人 
1 二 5 0 
2 0.5，0.55 一 0.5) 6 (0.85 0. 5 0.5) 
3 (C0. 5: —0 5 一 入 7 (C0. 5. —0. 5 tS 





遗憾 的 是 ， 这 个 正方 体 的 中 心 位 于 视点 处 ， 而 不 是 位 于 画 框 的 男 一 侧 ， 即 我 们 感 兴趣 
的 区 域 。 通 过 将 每 个 顶点 的 z 坐标 增加 3， 可 得 到 一 个 更 合理 的 位 置 : 
索引 坐标 索引 坐标 
0 (—0.5, —0.5, 2.5) 4 (—0.5 —0,6, 4 
1 (一 55 0.5, 2..5) 5 (—0.5, 0.5, 3.5) 
2 (0. 5, 0.5, 2.5) 6 (0.5, 0.5, 3.5) 
3 (0.5, —0.5, 2.5) 7 (0.5, —0.5, 3.5) 








3.3.1 绘图 


正方 体 的 顶点 当然 是 需要 绘制 的 点 ,但 为 了 模拟 丢 勒 的 绘制 风格 ,我 们 还 需 从 正 
方 体 整 个 表面 上 选取 一 些 点 。 倘 若 更 细致 地 观察 ， 可 以 发 现 画 面 中 的 两 人 选取 的 采样 
点 均 位 于 我 们 所 称 的 “重要 线段 ”上 ,例如 和 鲁 特 琴 的 轮廓 线 , 或 相 邻 曲面 之 间 的 尖锐 
边界 上 。 对 于 一 个 正方 体 ， 这 些 重 要 的 线段 包含 了 位 于 正方 体 各 边 上 的 所 有 的 点 。 绘 
制 所 有 这 些 点 (很 大 数量 的 点 ) 会 导致 不 必要 的 计算 开销 。 幸 运 的 是 ， 有 一 种 办 法 可 以 避 
免 这 笔 开 销 : 车 A 和 B 是 一 条 边 的 两 个 端点 ,我 们 将 A 和 B 映射 为 图 纸 上 的 A' 和 B'， 
可 以 发 现 A 与 BB 之 间 的 点 映射 后 也 将 位 于 A' 与 B' 之 间 的 连 线 上 。 可 以 从 几何 上 证 明 这 
一 结论 ， 也 可 以 基于 直线 拍 成 照片 后 看 上 去 仍 是 直线 这样 的 经 验 。 因 此 ,无需 逐 点 查 
找 这 些 位 于 边 上 的 采样 点 再 绘制 它们 ， 而 是 简单 的 计算 A' 和 B'， 然后 在 它们 之 间 画 一 
条 线 即 可 。 

课 内 练习 3.4: 从 上 面 所 述 似 可 得 出 :“ 空 间 直 线 在 平面 上 的 透视 投影 仍然 是 直线 ”或 
者 “线段 的 透视 投影 仍 为 线段 ”仔细 考 虑 第 一 条 断言 并 找到 一 个 反例 。 提 示 : 透视 投影 
的 定义 是 否 适用 于 空间 里 的 每 一 点 ? 

留 给 聪明 人 的 话 : 在 练习 里 揭示 这 些微 妙 之 处 并 非 是 吹 毛 求 疲 ! 它们 往往 会 导致 图 
形 程序 中 的 漏洞 。 由 于 图 形 程序 常 涉及 对 大 量 数据 的 操作 ， 几 乎 程序 的 每 一 部 分 都 经 过 
样 例 测 试 。 而 那些 在 非 严 格 系统 中 存活 下 来 的 漏洞 ， 在 图 形 学 程序 中 常常 很 快 就 会 兴 风 
作 浪 。 

对 尚未 想 出 反例 的 读者 ， 下 面 提供 一 个 。 首 先 ， 穿 过 螺丝 孔 眼 的 直线 对 于 以 视点 为 中 
心 的 透视 投影 无 定义 。 这 条 线 上 视点 之 外 的 点 的 透视 投影 为 同一 个 点 ， 而 非 一 条 线 。 即 使 
忽略 这 些 无 定义 的 点 ， 还 有 男 一 个 问题 ， 由 于 视点 位 于 (0，0，0)， 投 影 平面 平行 于 zy 
平面 ， 这 意味 着 任何 一 条 穿 过 x 二 0 平面 的 线段 上 都 有 一 个 无 法 进行 透视 投影 的 点 。 因 
此 这 类 线段 的 投影 会 分 成 两 段 。 试 用 下 面 的 例子 来 验证 : 将 起 点 为 (1/2，0，1),， 终点 为 
(1/2，0， 一 1) 的 线段 投影 到 z 一 1 平面 上 。 











日 ”场景 中 哪些 边 为 重要 边 属于 非 真实 感 绘制 或 表意 式 绘制 所 关注 的 问题 ， 将 在 第 34 章 讨论 。 
加 ”假设 相机 具有 高 精度 、 不 变形 的 镜头 ! 


0 
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用 射影 几何 的 话 来 说 ,“ 直 线 的 透视 投影 还 是 直线 , 但 对 于 包含 投影 中 心 点 的 直线 束 ， 
回 到 我 们 的 程序 ， 现 在 正方 体 的 模型 中 增加 一 个 边 表 ， 每 条 边 用 两 端点 的 点 的 索引 
表示 : 





索引 端点 
6 名) 的 
7 Ks, 2 
8 (Cas, 5 
9 (5, 6) 
10 6373 
11 (7, 4) 








图 3-6 正方体 模 型 各 顶点 和 边 的 标号 如 图 所 示 。 其 中 边 的 标号 带 圈 。 丢 勒 木刻 画 中 
所 采用 的 视点 和 画 框 也 标示 在 图 中 ,不 过 ,我 们 调整 了 画 框 的 相对 位 置 ， 使 
其 z 和 >y 的 取 值 范围 均 从 一 1/2 到 1/2。 调 整 后 ， 水 平视 线 正好 穿 过 正方 体 的 
中 心 ， 而 不 是 像 丢 勒 观察 鲁 特 琴 那 样 ， 位 于 所 绘 景物 的 上 方 


现在 确定 用 什么 方法 来 绘制 增强 后 的 正方 体 模型 。 为 了 能 绘制 线段 ， 需 要 对 我 们 的 算 
法 进行 更 新 。 在 更 新 时 我 们 面临 如 下 选择 : 是 逐条 边 进行 迭代 ， 对 每 一 条 边 ， 分 别 计算 它 
们 端点 的 投影 位 置 ， 再 将 这 两 个 投影 点 连接 在 一 起 ; 还 是 先 遍 历 每 一 个 顶点 ， 计 算 各 顶点 
的 投影 点 ,然后 再 基于 计算 得 到 的 投影 点 逐 边 进行 迭代 ?由 于 每 个 顶点 为 三 条 邻接 边 所 分 
享 ， 按照 第 一 个 策略 ,每 个 顶点 需要 重复 投影 3 次 ; 第 二 种 策略 则 需要 对 数据 结构 重复 访 
问 3 次 。 对 于 小 的 模型 ， 这 样 的 性 能 差异 可 能 无 关 紧 要 。 但 对 于 大 的 模型 ， 两 者 之 间 的 差 
异 则 需 慎 重 权 衡 ;“ 正 确 的 ”答案 取决 于 该 任务 是 在 硬件 上 实现 还 是 由 软件 来 完成 ， 如 果 
是 在 硬件 上 实现 ， 需 要 考虑 硬件 的 精确 结构 ， 对 此 将 在 后 面 的 章节 讨论 。 现 使 用 第 二 种 方 
法 ， 但 第 一 种 方法 也 是 同样 可 行 的 。 采 用 这 一 方法 绘制 的 正方 体 如 图 3-7 所 示 ， 图 中 既 画 
出 了 3D 空间 中 的 正方 体 ， 又 有 正方 体 在 画 框 平 面 上 的 投影 图 。 

此 外 ,还 引发 了 另 一 个 问题 : 我 们 先前 只 考虑 顶点 的 投影 变换 ， 故 可 以 逐个 顶点 进行 
裁剪 。 而 现在 我 们 打算 绘制 边 ， 如 果 边 的 一 个 端点 的 投影 在 画 框 内 ， 另 一 个 在 画 框 外 ， 则 
必须 进行 适当 处 理 。 我 们 暂且 搁置 这 个 问题 ， 并 假定 在 调用 图 形 库 绘制 场景 中 的 线段 时 ， 
倘若 该 线段 的 投影 位 于 画 框 外 (或 部 分 超出 画 框 )， 画 框 外 的 部 分 不 会 被 绘制 。( 此 假设 是 








a) b) 


图 3-7 算法 的 绘制 结果 。a) 如 图 中 所 示 ( 即 画 框 内 的 图 )， 同 时 显示 了 从 视点 投向 正方 体 4 个 
较 近 顶点 的 射线 ， 这 些 射 线 将 4 个 项 点 投影 到 画面 上 。b) 可 直接 看 到 的 正方 体 ， 以 及 
作为 画 框 背景 的 包围 正方 形 ( 在 x 和 yy 轴 上 从 一 1/2 到 1/2 的 范围 ) 


代码 清单 3-4 可 画 出 边 的 丢 勒 绘制 算法 版 本 


Input: a scene containing one object ob 
Output: a drawing of the objects 





initialize drawing to be blank; 
for (int i = 0; i < number of vertices in ob; i++){ 
Point3D P = vertices[il]; 
pietureVertigeslil] = Point (-P XxX/B.Z P.y/P- 2}: 
} 
for {int i = 0; i < number of edges in ob; i++){ 
10 int i0 = edges[i] [0]; 
11 int il1 = edges[i][1]; 
役 Draw a line segment from pictureVertices[i0] 
13 to pictureVertices[il]; 


间 0 了 宁 WwW 上 wm 一 





最 后 ,我 们 还 需 注 意 这 个 程序 所 绘图 形 显示 在 “和 矩形 窗口 ”之 内 ， 而 窗口 的 坐标 从 
《Znmin， ymin) 到 (zmax，ymax)。 我 们 可 以 去 除 这 一 坐标 区 间 的 限制 而 采用 在 图 形 库 中 常用 的 、 
在 过 和 y 两 个 方向 上 均 为 0~1 的 区 间 。 可 按 下 面 的 方法 对 xz 坐标 进行 转换 。 首 先 , 将 x 
坐标 减 去 zwn; 这 样 新 的 xz 坐标 将 位 于 0 到 zx 一 zxmn 范 围 之 内 。 然 后 再 除 以 zaw 一 Znin， 
使 新 的 xz 坐标 位 于 0 一 1 范围 之 内 。 于 是 得 到 


全 C358 


asx — Pein 
用 类 似 的 表达 式 亦 可 将 y 的 坐标 值 转换 到 0 一 1 的 区 间 内 。 由 于 xmox 一 Xmin 二 ymax 一 
ynin， ZX 和 y 将 除 以 相同 的 参数 ， 对 x 和 y 的 坐标 作 上 述 变 换 后 将 不 会 出 现 变形 。 添 加 了 
坐标 变换 的 程序 如 代码 清单 3- 5 所 示 。 
代码 清单 3-5 在 基于 边 的 绘制 代码 中 ， 将 视图 窗口 的 取 值 范围 添加 为 参数 


1 Input: a scene containing one object o, and a square 
Xmin SX Xmax and ynin <y< ymnax in the z=1 plane. 
Output: a drawing of the object in the unit square 








2 
3 
4 initialize drawing to be blank; 

5 for(int i= 0; i < number of vertices ID oO0; i++){ 
6 Point3D P = vertices[i]; 

Wl double x = P.x/P.2z; 

8 double Y = B.Y/P,2z; 


9 pictureVertices[i] = 
10 Point (WN Sm, 
11 {y= ynin)/(ymax = yminy)); 
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13 for{int i = 0; i < number of edges in oO7 i++){ 

14 int i0 = edges[i][0]; 

15 int il = edges[i] [1]; 

16 Draw a line segment from pictureVertices[i0] to 
17 pictureVertices[il]; 

18 1} 





之 前 为 了 使 画面 右 侧 方向 对 应 场景 x 坐标 增加 的 方向 ， 我 们 改变 了 z 的 符号 。 但 zuew 
的 符号 取 反 后 ， 其 取 值 范围 变 为 一 1 一 0 之 间 。 为 此 ， 我们 将 x 加 上 1， 使 得 新 坐标 值 的 范 
围 重新 回 到 0 一 1 区 间 内 ， 如 代码 清单 3-5 中 的 第 11 行 所 示 。 

这 些 位 于 0 一 1 之 间 的 坐标 常 称 为 标准 化 的 设备 坐标 : 它们 给 出 了 显示 设备 从 左 到 右 
或 从 上 到 下 的 取 值 范围 ; 若 显示 设备 非 正 方形 ， 则 1. 0 代表 两 个 方向 中 较 小 的 尺度 。 对 一 
个 典型 的 显示 器 而 言 ， 其 竖 直 方向 坐标 的 取 值 范围 值 常 为 0 一 1， 而 水 平方 向 坐标 的 取 值 范 
围 则 为 0 一 1. 33。 

这 一 标准 化 处 理 ( 将 [Lzxw,，Zzmx | 转化 到 LO0，1j] 范 围 ) 常 被 调用 ; 公式 (3-3) 值 得 记 住 。 

课 内 练习 3.5: 证 明 ， 在 代码 清单 3-5 中 位 于 视窗 左下 角 的 顶点 ， 其 坐标 为 (zun，ymin，1)， 
确定 其 转换 为 最 终 画 面 的 左下 角 上 点， 其 对 应 的 PictureVertex 为 (0，1); 类 似 的 ， 
(se 为 La 0 


3.4 程序 

我 们 将 使 用 一 个 简单 的 WPF 程序 来 实现 这 个 算法 ， 该 程序 基于 一 个 标准 的 测试 平台 ， 
有 关 平 台 的 细节 将 在 下 一 章 详细 讨论 。 所 生成 的 程序 可 以 从 本 书 的 网 站 上 下 载 ， 供 读者 运 
行 和 实验 。 在 此 项 应 用 中 ， 测 试 平台 的 关键 功能 是 能 在 我 们 称 为 GraphPaper 的 Canvas 
上 生成 和 显示 点 (采用 小 圆 盘 表示 ) 以 及 绘制 线段 。 图 纸 上 的 位 置 使 用 毫米 作为 度量 单位 ， 
这 比 WPF 默认 的 单位 更 容易 掌握 (WPF 默认 的 单位 是 1/96 英寸 )。 为 了 使 生成 的 画面 具 
有 合理 的 尺寸 ,我 们 将 所 有 的 计算 结果 (0 一 1 之 间 的 坐标 ) 乘 以 100。 程 序 中 的 重要 部 分 如 
代码 清单 3-6 中 方 括号 L[…] 所 示 。 


代码 清单 3-6 ” 丢 勒 算法 的 C# 实现 部 分 





1 Public Windowl () 

2 

n InitializeComponent () ; 

4 InitializeCommands () ; 

5 

6 // Now add some graphical items in the main Canvas, 
7 whose name is "Paper" 

9 gp = this.FindName ("Paper") as GraphPaper; 
10 

11 // Build a table of vertices: 

1 有 2 int nPoints = 8; 

13 int nEdges = 12; 

14 

15 double[,] vtable = new double[nPoints, 3] 
16 

17 二 多 之 
18 8 

19 // Build a table of edges 

20 int [ll etable = new int[IEBdoges 2] 

21 { 

22 TOs" jy Ed 

23 


24 double xmin = -0.5; double xmax = 0.5; 


cn 
Sy 

波 
ww 











25 double ymin = -0.5; double ymax = 0.5; 

26 

27 Point [] pictureVertices = new Point[nPoints]; 

28 

29 double scale = 100; 

30 For (Lint 二 QE 

31 { 

32 double x = vtable[i, 0] 

33 double y = vtableti, 1] 

34 doublje z = vtablel[li,; 2] 

35 double xprime = xX/ Zi; 

36 double yprime =y/ 2; 

37 

38 pictureVertices[li].X = SGale * (1 — {xprime = xmin) 了 
39 (xmax 一 xmin)); 

40 pictureVertices[i].Y = Seale * (yprime — ymin) / 
41 (ymax 一 ymin); 

42 gp.Children.Add (new Dot (pictureVertices[i].X, 
43 pictureVertices[i].Y)); 

44 } 

45 

46 for (int i = 0; i < nEdges; i++) 

47 "| 

48 inmt nl = etabheli;, 0 

49 int mn2 = etabteli: 1]2 

50 

51 gp.Children.Add (new Segment (PictureVertices [nl1]， 
52 plotureVvertloeeslh2])); 

53 } 

54 

55 

$6 } 





有 必要 指出 ， 本 段 代 码 中 对 WPF 的 使 用 与 第 2 章 中 所 展示 的 有 很 大 的 不 同 。 在 第 2 
章 中 ，WPF 的 陈述 部 分 很 容易 通过 XAML 显示 出 来 。 而 测试 平台 只 是 基于 这 些 陈述 来 创 
建 窗口 、 菜 单 和 控件 ， 并 安排 GraphPapet 在 屏幕 上 的 位 置 。 在 GraphPaper 上 生成 画 
面 的 部 分 是 采用 C# 实 现 的 。 这 是 因为 对 于 我 们 要 编写 的 大 部 分 程序 ， 在 XAML 中 表达 要 
么 非常 麻烦 要 么 不 可 能 (并 不 是 WPF 的 每 一 项 功能 都 能 通过 XAML 来 表达 )。 一 般 情况 
下 ， 我 们 会 尽 可 能 使 用 陈述 性 的 说 明 ， 尤 其 是 对 画面 布局 和 数据 取 值 区 间 设 定 等 ， 只 是 在 
需要 进行 实质 性 的 代数 计算 时 才 使 用 C# 。 
我 们 必须 先 解 释 一 下 。 第 一 ， 上 述 代 码 并 不 高 效 (例如 ， 不 需要 申明 变量 x、y、z)， 
但 它 非常 贴近 算法 。 要 编写 一 个 便于 调试 的 图 形 程序 ， 这 通常 是 最 好 的 开始 : 在 你 的 代码 
已 成 功 运 行 有 待 进一步 优化 之 前 ， 不 要 先 试图 去 追 Bd 第 二 ， 代 码 中 仍 
然 沿 用 了 所 有 重要 对 象 的 习惯 名 字 ， 如 xmin 和 nEdges， 尽管 它们 可 以 被 修改 。 这 是 因 
为 大 多 数 测试 程序 (包括 我 们 所 用 的 平台 ) 都 超出 了 原 设想 的 生命 周期 ， ee 
符号 性 的 命名 有 利于 我 们 和 之 前 编程 人 员 ( 最 初 写 这 个 程序 的 人 ) 的 沟通 。 第 三 ， 这 
序 并 不 是 面向 “软件 工程 师 ” 的 : 我 们 并 没有 设计 一 个 表示 一 般 形状 的 类 ， 5 
ee lil 这 是 有 所 考虑 的 。 编 写 这 个 程序 的 
目的 旨 在 用 它 来 进行 实验 ， 之 后 即 可 抛弃 (或 许可 用 于 其 他 的 实验 )。 其 要 点 在 于 验证 我 们 
对 一 个 简单 的 概念 的 理解 ， 而 并 非 是 要 构建 某 一 大 型 项 目的 原型 系统 。 如 果 你 想 要 基于 这 
个 框架 建立 一 个 一 定 规模 的 系统 ， 那 无 疑 是 在 犯错 误 : 这 个 框架 原本 就 是 设计 来 做 简单 的 
测试 和 调试 。 当 你 在 运行 这 个 程序 时 ， 如 果 你 将 光标 置 于 其 中 某 点 上 ， 提 示 工 具 将 会 立即 
显示 出 该 点 的 坐标 ; 边 的 情形 是 类 似 的 。 若 你 正在 调试 ， 这 样 做 自然 是 有 意义 的 ， 但 车 你 
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在 绘制 10 000 条 边 ， 那 就 会 导致 一 笔 很 大 的 开销 。 记 住 这 个 框架 只 是 一 个 用 来 做 实验 的 测 
斌 平台， 你 在 该 平台 上 写 的 所 有 代码 都 应 考虑 是 可 抛弃 的 。 虽 然 下 面 的 这 句 话 听 起 来 似乎 
很 矛盾 : 我 们 说 要 抛弃 代码 ， 但 仍 需 用 心地 编程 ， 因 为 基于 我 们 的 经 验 ， 它 有 可 能 被 重 
用 。 不过， 即使 这 些 先 前 打算 抛弃 的 代码 确 被 重用 ， 也 常常 是 为 男 一 些 一 次 性 的 应 用 ! 为 
了 使 后 面 的 使 用 更 简单 一 点 ， 值 得 花 一 点 时 间 来 编写 这 些 代 码 ， 但 是 无 需 仅 为 验证 一 个 简 
单 的 想法 而 花费 几 个 小 时 来 编写 。 

图 3-8 所 示 即 为 我 们 想 要 的 结果 : 一 个 正方 体 线 框图 的 透视 投影 ， 从 而 完成 了 我 们 的 
第 一 个 绘制 ! 当然 ， 距 离 绘制 视频 游戏 或 者 是 好 莱 坞 电影 里 所 见 到 的 那 种 特殊 效果 ， 还 有 
一 段 很 长 的 路 ， 但 是 其 中 一 些 重要 的 想法 ， 如 建立 一 个 场景 的 数学 模型 ， 将 其 转化 为 2D 
图 像 ”， 均 以 其 基本 的 形态 呈现 在 我 们 的 简单 绘制 器 中 。 





图 3-8 丢 勒 算法 的 绘制 结果 : 一 个 正方 体 线 框图 的 透视 投影 ， 显 示 在 看 起 来 像 绘 图 纸 的 背景 上 。 
图 纸 上 的 轴线 是 GraphPaper 的 一 部 分 ， 由 测试 平台 创建 ， 并 非 由 丢 勤 绘 制 算法 生成 


3.5 局 限 性 


我 们 现在 回 过 头 来 审视 这 次 的 成 功 。 当 你 运行 程序 时 ， 会 看 到 由 12 条 线段 组 成 (包括 
位 于 正方 体 角 上 的 顶点 ) 的 正方 体 的 透视 投影 ， 和 我 们 所 期 待 的 结果 一 致 。 

尽管 如 此 ， 该 程序 仍 存在 几 个 局 限 性 。 第 一 ， 生 成 的 是 线 框图 ， 这 意味 着 我 们 既 看 到 
了 正方 体 的 正面 又 看 到 了 它 的 背面 。 可 以 用 绘制 边 所 用 的 类 似 办 法 来 解决 这 个 问题 : 注意 
到 正方 体 同一 面 (正方 体 某 一 正方 形 边界 面 ) 上 的 所 有 点 将 投影 到 一 个 由 该 面 4 个 顶点 的 投 
影 所 定义 的 四 边 形 上 上。 因此， 我 们 可 保存 正方 体 的 面 表 来 取代 先前 的 边 表 ， 对 于 每 一 个 
面 ， 绘 制 其 2D 平面 上 的 填 色 多 边 形 (也 可 以 既 绘制 面 又 画 出 边 ) 。 采 用 这 一 方法 时 ， 我 们 
必须 要 找到 只 绘制 朝向 视点 的 面 而 忽略 背离 视点 的 面 的 方法 。 有 许多 的 方法 可 以 实现 这 一 
点 ， 但 是 或 者 它们 涉及 的 数学 知识 超过 本 章 所 介绍 的 内 容 ， 或 者 它们 需 用 到 的 复杂 数据 结 





名 ”我们 在 这 里 非 正 式 地 使 用 “图 像 ”一 词 表 示 “ 你 能 看 到 的 某 种 图 ”。 
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构 本 章 尚 未 讨论 。 

第 二 ， 众 所 周知 ， 我 们 之 所 以 能 看 到 物体 ， 是 因为 物体 发 出 光线 (这 些 光 线 进入 眼睛 ， 
才 使 我 们 得 以 感知 物体 ， 如 第 5 章 和 第 28 章 所 示 )。 但 在 目前 的 程序 中 ,没有 任何 地 方 涉 
及 光线 (除了 采用 直线 投影 是 因为 我 们 知道 光线 沿 直线 传播 )。 当 然 ， 不论 我 们 是 否 考虑 光 
的 存在 ， 均 可 以 生成 上 面 得 到 的 正方 体 绘制 结果 。 不 过 ， 其 他 所 有 的 光照 特征 ， 如 阴影 和 
表面 上 的 明暗 变化 ， 将 无 法 得 到 呈现 。 在 未 引入 显 式 光照 模型 的 情况 下 添加 这 些 特征 是 可 
能 的 ， 但是， 根据 豁 智 建 模 原则 ， 这 不 是 正确 的 做 法 。 

第 三 ， 这 个 程序 运行 时 ， 只 显示 了 一 个 模型 (该 正方 体 )， 而 且 只 显示 了 它 的 一 个 位 
置 。 我 们 做 了 很 多 工作 ， 但 输出 不 多 ， 且 程序 缺乏 通用 性 ， 在 不 修改 程序 的 情况 下 无 法 绘 
制 生成 其 他 的 场景 。 可 以 将 正方 体 的 建 模 数据 保存 到 一 个 可 被 程序 读 取 的 文件 中 来 解决 这 
个 问题 。 例 如 ， 一 种 典型 的 表示 方式 为 ， 先 是 顶点 的 数目 ， 跟 着 一 个 顶点 表 ， 然 后 是 边 的 
数目 ， 跟 着 一 个 边 表 。 尽 管 不 大 简洁 ， 但 允许 文件 中 包含 显 式 的 数据 标记 ， 人 允许 在 文件 中 
添加 注释 无 疑 是 明智 的 ; 它 会 使 你 的 程序 调试 更 简单 。 下 面 是 用 来 表示 一 个 正方 体 的 文件 : 


1 # Cube model by jfh 
2 nVerts: 8 

3 vertTable: 

未 用 二 US 二 和 :5 
So = 日 < 与 QS 0 
6 

2 

8 


也 人 < 海 ie Qs5 


# Note that each edge of cube has length = 1 
9 
10 edgeTable: 
bh 归 Q 4 
| 1 2 
13 . 


1 请 

当然 其 他 的 格式 也 是 可 行 的 。 实 际 上 ， 存 在 很 多 表示 各 种 模型 的 格式 ， 以 及 不 同 格式 
之 间 的 转换 程序 (在 转化 的 过 程 中 有 时 会 丢失 一 些 数据 )。 因 为 格式 的 选择 受制 于 潮流 ， 而 
且 变 化 很 快 ， 我 们 将 不 对 格式 做 更 多 的 叙述 。 

任何 一 种 存储 格式 都 能 定义 多 种 形状 ， 如 正方 体 、 四 面体 ， 甚 至 是 以 多 面体 表示 的 球 
面 ， 还 可 扩展 程序 使 之 能 依次 对 它们 进行 加 载 ， 以 增加 变化 。 倘 若 你 想 要 这 么 做 ， 则 需要 
阅读 下 一 音 的 部 分 章节 以 获得 对 测试 平台 更 全 面 的 了 解 。 

还 可 以 通过 添加 一 段 有 限 形式 的 动画 来 扩展 上 述 程序 : 我 们 所 定义 的 正方 体 底面 (或 
顶 面 ) 的 4 个 顶点 的 zy 坐标 均匀 地 分 布 在 一 个 半径 为 -二 V2/2 的 贺 上 ， 也 就 是 说 ， 各 顶点 


的 坐标 可 表示 为 r(cosg，sing) ， 其 中 ，0 一 开 ， 焉 ， 2 和 -天 。 可 以 令 4 个 顶点 的 9 一 下 十 4， 





下 二 4， 泪 十 :， 翁 十 1，1 为 某 个 很 小 的 值 ， 通 过 逐渐 增加 1， 每 一 次 都 重新 绘制 模型 ， 可 


呈现 出 一 个 旋转 的 正方 体 。 

该 方法 通过 显 式 地 改变 正方 体 的 坐标 ， 然 后 重新 显示 来 生成 动画 ， 但 这 一 方法 并 不 高 
效 。 实 际 上 ， 正 方 体 变 成 了 一 个 以 旋转 量 上 为 参数 的 参数 化 模型 。 问 题 是 倘若 我 们 想 在 yz 
平面 而 不 是 zy 平面 旋转 正方 体 ”， 则 必须 对 这 个 模型 进行 修改 。 而 若 希 望 先 在 某 个 平面 








日 ”我 们 说 的 是 在 zy 平面 的 旋转 ， 而 不 是 围绕 = 轴 的 旋转 ， 因 为 在 某 个 平面 的 旋转 可 以 推广 到 所 有 的 维度 上 ， 
但 是 绕 某 个 轴 的 旋转 ， 是 针对 3D 的 情况 。 第 11 章 将 会 讨论 该 问题 。 
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上 旋转 ， 再 在 男 一 个 平面 上 旋转 ， 还 必须 做 一 些 烦琐 的 代数 和 三 角 运 算 。 这 远 不 如 一 次 性 
地 构建 正方 体 的 模型 ， 然 后 学 习 如 何 对 它 的 各 项 点 进行 旋转 变换 (或 者 其 他 的 操作 ) 来 得 简 
单 。 对 此 ,我 们 将 在 后 面 几 章 中 详细 讨论 。 

另 一 方面 ， 确 有 一 些 以 参数 化 方式 定义 的 模型 ， 通 过 改变 参数 来 生成 模型 的 动画 。 
“ 样 条 ”模型 就 是 较为 重要 的 典型 例子 ， 将 在 第 22 章 讨 论 。 还 有 基于 物理 的 仿真 模型 : 比 
如 ， 流 体 模型 包含 有 流体 速度 和 密度 之 类 的 参数 ， 还 有 初始 位 置 、 流 体 粒子 速度 这 样 的 参 
数 。 这 些 参 数 也 许 对 流体 某 个 时 刻 的 呈现 效果 的 影响 不 那么 直接 一 一 我 们 必须 通过 仿真 才 
能 理解 它们 的 作用 一 一 但 它 无 疑 是 一 个 参数 化 的 模型 。 


3.6 讨论 和 延伸 阅读 

本 章 的 所 说 的 “绘制 ”的 含义 稍 有 一 点 特别 ， 它 实际 上 是 将 一 个 3D 的 场景 转化 为 2D 
对 象 ( 顶 点 和 线段 ) 的 集合 ， 然 后 采用 2D 的 绘画 程序 将 其 画 出 来 。 在 这 个 意义 上 说 ， 整 个 
过 程 有 点 类 似 于 一 个 将 高 级 语言 转换 为 低级 汇编 语言 的 编译 器 。 只 有 当 这 个 汇编 语言 被 进 
一 步 转换 为 机 器 语言 并 执行 时 ， 才 会 真正 进行 计算 。 同 样 ， 只 有 当 我 们 真正 使 用 WPF 的 
2D 绘制 工具 绘制 点 和 线段 时 ， 我 们 才 生 成 了 一 张 图 。 像 这 种 需要 转换 为 中 间 表 示 的 情形 
也 发 生 在 图 形 学 其 他 地 方 。 在 一 些 表意 式 绘制 算法 中 ,输入 图 像 被 转化 为 由 一 些 边 和 区 域 
组 成 的 中 间 表 示 ， 其 中 边 由 图 像 处 理 算法 确定 ， 而 区 域 则 由 这 些 边 围 成 。 这 里 ， 选 取 一 个 
好 的 中 间 表 示 将 决定 结果 的 成 功 或 失败 。 

在 西方 艺术 品 中 发 现 透 视 投影 以 及 建立 相关 的 数学 描述 是 一 个 诱 人 的 题目 。 当 现实 空 
间 中 平行 的 两 条 线 在 绘制 生成 的 图 像 中 最 终 汇 聚 到 一 点 时 ， 观 察 者 的 视线 会 被 吸引 到 这 一 
点 ( 称 为 灭 点 ) 上 。 与 透视 图 的 开发 一 样 吸引 人 的 还 有 画家 对 灭 点 的 巧妙 运用 ;， 有 了 时， 画家 
会 为 图 像 上 不 同 的 区 域 设 立 不 同 的 灭 点 ， 将 观众 的 视线 吸引 到 场景 中 多 处 (Piero della 
Francesca 创作 的 “复活 ”据说 具有 这 样 的 特色 )。 这 样 做 是 否 属 精心 设计 就 不 得 而 知 了 。 
有 许多 系统 性 方法 ， 它 们 采用 “ 灭 点 ”和 射影 几何 思想 来 创建 合适 的 透视 投影 图 像 。 这 些 
方法 被 视 作 基本 的 绘制 引擎 ， 就 像 丢 勒 木 刻画 中 的 引擎 一 样 。 

从 非 西 方 绘画 作品 中 所 能 领悟 到 的 东西 也 非常 有 趣 。 比 如 ，Rock 在 关于 感知 的 书 
LRoc95 ] 中 ,解释 了 他 在 中 国 卷轴 画 上 看 到 的 一 些 画 面 ， 这 些 在 西方 人 眼中 看 似 奇怪 的 画 
面 ， 实 际 上 是 取 一 个 十 分 高 的 视点 且 投 影 面 垂 直 于 地 面 时 所 观察 到 的 场景 的 透视 校正 
视图 。 

透视 投影 不 能 保持 相对 长 度 ( 想 象 一 张 火车 铁轨 消失 在 远方 的 图 片 一 一 保持 等 距 的 两 
条 平行 铁轨 之 间 的 距离 在 画面 上 变 得 越 来 越 小 )， 但 透视 投影 仍 保持 了 一 些 其 他 的 性 质 。 
对 空间 投影 和 与 之 相关 的 空间 变换 方面 的 研究 逐渐 形成 了 投影 几何 ; 对 感 兴趣 的 读者 而 
言 ，Hartshornel Har09 ] 和 SamuelLSL88 | 的 书 是 极 好 的 入 门 书 。 

多 面体 模型 的 一 种 常见 的 表示 方式 由 顶点 数组 、 面 的 数组 构成 ， 其 中 面 用 各 顶点 的 索 
引 表 示 ， 这 种 表示 方式 有 时 称 为 索引 面 集 (indexed face set); Brown Mesh Set[ McG] 中 收 
集 了 以 这 种 方式 存储 的 各 种 模型 。 虽 然 这 种 表示 方式 并 非特 别 简 洁 , 但 是 它 很 容易 解析 。 
PLY2 格式 也 是 一 种 相似 的 简单 格式 。 在 互联 网 上 可 以 找到 许多 基于 这 两 种 格式 的 样 例 模 
型 。 更 为 复杂 的 模型 格式 采用 了 较为 简洁 的 二 分 表示 。 一 个 相当 常见 的 格式 是 3DS， 由 
3D Studio Max 软件 ( 现 称 之 为 3ds Max) 开 发 ， 已 为 其 他 的 工具 软件 所 广泛 采用 。3ds Max 
现在 使 用 的 格式 是 .max 格式， 属于 专利 ， 但 许多 3Ds 的 模型 仍 可 找到 。 还 有 Maya， 另 
一 个 流行 的 形状 建 模 程序 ， 也 拥有 自己 的 专利 格式 .mb。 这 两 种 格式 本 质 上 都 是 元 格式 ， 





它们 指定 了 用 来 解析 模型 每 一 个 子 块 的 相关 插件 (共享 库 ); 在 实际 应 用 中 ， 要 想 逆向 解 出 
这 种 格式 是 不 可 能 的 ， 因 而 业余 爱好 者 和 教学 人 员 仍 在 继续 使 用 相对 简单 的 老 的 格式 。 

本 章 中 所 述 的 “视图 区 域 ”( 在 生成 的 图 像 中 所 显示 的 那 部 分 场景 ) 是 更 一 般 的 视 域 体 
的 一 个 例子 ; 视 域 体 不 是 一 个 延伸 无 限 远 的 棱锥 体 ， 它 可 以 被 截断 ， 这 样 ， 超 出 一 定 距离 
之 外 的 较 远 的 物体 将 被 截 去 ， 同样 ， 位 于 给 定 距离 之 内 的 近 距 离 物 体 也 不 予 考虑 。 这 里 距 
离 的 “ 近 ” 和 “ 远 ” 可 以 调整 ， 使 算法 更 高 效 (减少 需 考虑 的 待 绘制 物体 的 数量 ) 或 者 更 精 
确 ( 采 用 定点 计算 以 更 精确 地 表示 一 定 范围 的 值 )。 关 于 视 域 体 定义 等 一 般 问题 将 在 第 13 
章 深入 讨论 。 


3.7 练习 


3. 1 假设 在 丢 勒 木刻 画 中 握 住 铅笔 的 人 不 只 是 做 标记 ， 而 且 还 在 标记 下 边 记 下 细 线 另 一 端 夸 码 的 高 度 
(距离 地 面 )。 该 数字 即 为 视点 到 采样 点 的 距离 (加 上 某 个 常数 )。 假 设 已 绘制 出 第 一 幅 带 有 距离 的 鲁 
特 琴 的 图 画 ， 而 鲁 特 琴 被 其 物 主 带 回 家 了 。 现 想 要 在 图 画 中 鲁 特 琴 的 前 面 ( 即 在 更 靠近 视点 的 位 置 ) 
添加 一 个 烛台 。 

(a) 假设 我 们 将 这 个 烛台 放 在 一 个 现在 空 着 的 桌子 上 ,但 置 于 正确 的 位 置 处 ， 然 后 绘制 第 二 幅 带 有 
距离 的 图 。 请 描述 如 何 从 算法 上 结合 两 者 ， 生 成 一 幅 在 鲁 特 琴 前 面 摆 放 有 烛台 的 图 画 。 基 于 深 
度 的 画面 合成 是 z-buffer 的 许多 应 用 之 一 ， 你 将 在 第 14、32、36 和 38 章 再 次 见 到 。 在 每 个 采 
样 点 处 记录 的 深度 值 类 似 于 在 z-buffer 中 的 存储 值 ， 尽 管 并 非 同一 值 。 

(b) 试想 一 下 ， 如 果 记 下 图 像 中 每 一 点 到 视点 的 距离 ， 你 还 能 做 些 什么 事情 。 

3.2 在 图 3-8 中 仍然 可 以 看 到 位 于 正方 体 边 之 后 的 4 个 角 点 ， 显 然 这 不 符合 真实 情况 ; 试 修改 程序 ， 使 
位 于 线段 后 面 的 顶点 看 上 去 稍 显 自然 一 点 ; 继续 修改 ， 完 全 不 画 出 这 些 顶 点 ， 而 只 绘制 线段 。 

3.3 可 采用 面 ， 而 不 是 边 ， 来 表示 一 个 形状 ， 例 如 ， 在 丢 勒 程序 中 的 正方 体 可 用 6 个 面 而 不 是 12 条 边 
表示 。 于 是 ,我 们 可 以 只 绘制 朝向 视点 的 面 ， 在 这 个 情况 下 ,可 能 只 是 绘制 了 面 上 的 边 。 绘 制 结果 
是 物体 的 线 框图 ， 但 是 只 绘制 了 可 见 的 表面 。 若 物体 是 凸 的 ， 则 这 一 绘制 结果 是 正确 的 ; 倘若 不 
是 ， 则 一 个 面 可 能 对 另 一 个 面 形成 遮挡 。 对 于 一 个 像 正方 体 这 样 的 凸 体 ， 由 于 任 一 表面 的 前 两 条 边 
都 不 会 平行 ， 因 此 就 很 容易 确定 其 顶点 为 (Pu,，P,，P, ，…) 的 表面 是 否 可 见 : 你 可 以 计算 向 量 又 
限 wu 一 (CP: 一 Pi)*(P 一 Pu)， 将 其 与 从 视点 已 到 点 Po 的 向 量 v= Pu 一 已 进行 比较 ， 若 ”和 w 的 
点 积 为 负 ， 则 该 面 可 见 。 当 然 ， 这 条 规则 依赖 于 每 个 面 中 顶点 的 排列 顺序 : 即 必 须 使 又 积 w 是 一 
个 向 量 ， 若 该 向 量 位 于 面 的 中 心 ， 它 将 指向 物体 外 部 ， 而 不 是 指向 物体 内 。 

(a) 列 出 正方 体 的 面 表 ， 仔 细 排 列 每 个 面 顶 点 的 顺序 ， 确 保 计 算出 的 每 一 个 面 的 “法 向 量 ”zm 都 
朝 外 。 

(b) 本 练习 所 述 的 基于 又 积 和 点 积 的 可 见 性 检测 并 不 能 处 理 较 为 复杂 的 形状 。 在 本 书后 面 ， 我 们 将 
看 到 判定 可 见面 的 更 为 周密 的 算法 。 请 给 出 一 个 例子 ， 其 中 应 包括 一 个 视点 、 一 个 几何 形体 ， 
该 形体 上 的 一 个 面具 有 以 下 特征 : y 和 w 的 点 积 为 负 ; 对 于 给 定 视点 ， 该 面 不 可 见 的 。 你 可 以 
非 正 式 地 描述 该 形状 。 提 示 : 该 形体 必定 是 非 凸 的 ! 

3.4 如 前 面 练习 所 提 到 的 ， 我 们 可 以 改变 绘制 线 框图 的 程序 ， 用 另 一 种 办 法 来 显示 所 绘制 的 对 象 位 于 前 
面 还 是 后 面 。 例 如 ， 我 们 可 以 将 该 物体 的 所 有 线段 (在 上 例 中 即 为 正方 体 的 边 ) 从 后 向 前 排序 。 绘 制 
时 ， 如 果 两 条 线段 无 交叉 (从 视点 观察 )， 以 任意 顺序 绘制 这 两 条 边 。 如 果 它 们 发 生 交 又 ， 则 先 绘制 
离 视 点 较 远 的 线段 。 而 且 在 绘制 线段 时 (假设 背景 为 白色 ， 线 段 为 黑色 )， 先 以 白色 绘制 出 该 线段 的 
较 粗 版 本 ,然后 再 以 黑色 画 出 正常 粗细 的 线段 ， 这 样 可 以 产生 较 近 的 线段 “ 跨 过 和 遮盖 ” 较 远 线段 
的 视觉 效果 。 

(a) 在 纸 上 画 一 个 例子 ， 可 使 用 白 橡 皮 模 拟 线段 下 较 宽 的 白色 长 条 。 





加 可 复习 向 量 的 点 积 和 又 积 ， 在 第 7 章 。 
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3: 沪 


下 


8 了 


(b) 考虑 线段 端点 处 的 情形 一 一 采用 白色 长 条 会 导致 问题 吗 ? 

(c) 假设 两 条 线段 相交 于 它们 的 某 个 顶点 ， 但 无 其 他 交点 。 两 条 线段 绘制 的 先后 顺序 对 结果 有 无 影 
响 ? 这 个 添加 “ 光 晤 ”的 线段 绘制 方法 ， 是 早期 图 形 系 统 绘制 线 框图 时 用 来 揭示 深度 顺序 的 一 
种 方法 LARS79]， 那 时 绘制 填 色 多 边 形 不 仅 慢 而 且 耗 费 高 ， 该 方法 后 面 还 曾 用 于 展示 物体 的 内 
部 结构 。 

创建 几 个 简单 的 模型 ， 例 如 一 个 三 角形 棱柱 、 一 个 四 面体 、 一 个 1X2X3 的 长 方 体 ， 然 后 使 用 上 述 

绘制 程序 进行 绘制 。 

对 于 最 后 的 这 两 个 练习 ， 你 可 能 需要 阅读 第 4 章 中 的 部 分 内 容 。 

在 程序 中 添加 一 个 “模型 加 载 ”按钮 ， 使 用 该 按钮 可 打开 一 个 加 载 文件 的 对 话 框 ， 用 户 可 选择 其 中 

的 一 个 模型 文件 ， 加 载 该 模型 ， 最 后 绘制 该 模型 。 

编写 程序 来 显示 一 个 正在 旋转 的 正方 体 。 在 程序 中 添加 一 个 按钮 ， 正 方 体 加 载 后 ， 单 击 该 按钮 ， 便 

能 基于 新 的 上 值 和 旋转 量 ， 来 更 新 正方 体 各 顶点 的 当前 位 置 。 为 了 使 动画 看 起 来 较为 平滑 ， 可 设 每 

次 单 击 按钮 1 值 改变 0.05 弧度 。 
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4. 1 引言 


既然 读者 已 对 WPF 有 所 了 解 ， 并 且 在 构建 丢 勒 绘制 程序 的 过 程 中 看 到 了 这 一 平台 的 
用 处 ， 现 在 就 来 介绍 该 测试 平台 的 详细 内 容 ( 所 谓 测试 平台 即 用 于 测试 我 们 在 图 形 学 中 一 
些 想法 的 简易 系统 ， 且 无 需 很 大 的 开销 )。 有 两 种 测试 平台 : 2D 的 和 3D 的。 本章 介绍 2D 
平台 ; 更 为 完整 的 文档 资料 及 3D 测试 平台 可 登录 本 书 网 站 查看 。 之 所 以 将 其 称 为 “测试 

台 ”， 是 因为 它们 类 似 于 电气 工程 师 使 用 的 测试 装置 : 一 系列 仪器 、 电 源 以 及 可 供 组 装 
电路 并 进行 测试 的 原型 板 。 我 们 的 设计 目标 合理 适度 : 一 个 易于 编写 和 调试 简单 程序 的 基 
本 框架 。 其 中 ， 与 速度 相 比 ， 我 们 更 关注 采用 平台 进行 调试 的 便利 性 ; 与 通用 性 相 比 ， 则 
更 看 重 平台 的 简单 性 。 

在 本 书 中 ， 我们 设置 了 一 些 练习 ， 通 过 编写 一 些小 程序 来 检查 你 对 所 学 内 容 的 和 掌握。 
例如 ， 当 讨论 对 形状 进行 数学 建 模 时 ， 我 们 从 多 边 形 开始 ， 展 示 如 何 通过 多 边 形 来 生成 曲 
线 。 图 4-1 展示 了 一 个 例子 : 首先 取 一 条 封闭 的 折线 (同一 平面 上 首尾 相连 的 一 系列 线 
段 )， 然 后 对 它们 进行 割 角 操 作 ， 每 条 线段 被 等 分 成 三 小 段 ， 人 舍弃 第 一 小 段 和 第 三 小 段 ， 
余下 的 小 段 顺 序 首尾 连接 。 








图 4-1 左 : 平面 上 的 一 条 折线 。 中 : 每 条 线段 都 被 三 等 分 ， 等 分 点 用 黑 点 标示 。 
右 : 位 于 线段 中 间 的 小 段 依 次 连接 起 来 形成 一 条 新 的 、 更 光滑 的 折线 

以 上 过 程 似乎 可 以 重复 进行 ， 所 形成 的 折线 会 越 来 越 光 滑 ， 最 终 盘 近 于 一 条 光滑 曲 
线 。 虽 然 可 以 采用 数学 方式 来 分 析 这 个 过 程 ( 这 么 做 也 是 有 价值 的 )， 但 是 我 们 相信 一 图 胜 
千言 ， 而 能 对 其 进行 交互 则 更 胜 一 筹 。 所 以 我 们 提供 一 种 工具 来 回答 你 的 各 种 问题 一 一 例 
如 曲线 是 否 会 越 来 越 光滑 ; 是 否 存在 某 条 初始 折线 ， 无 论 和 迭代 多 少 次 ， 所 生成 的 曲线 还 是 
带 有 尖 角 ; 以 及 如 果 每 次 保留 线段 中 的 一 半 而 不 是 三 分 之 一 会 发 生 什 么 一 一 如 此 一 来 你 就 
会 深刻 地 理解 这 个 过 程 。 与 此 同时 ， 通 过 编写 程序 来 实施 这 些 想法 常 有 助 于 读者 理解 其 中 
的 奥秘 。 如 果 我 们 想 要 对 一 条 开放 折线 进行 制 角 ， 则 在 编写 代码 时 必须 确定 首 段 和 尾 段 如 
何 处 理 。 这 种 边界 情形 通常 使 程序 变 得 复杂 且 不 易 理 解 ， 也 容易 出 错 。 

我 们 可 以 叙述 如 何 绘制 单个 点 ， 如 何 画 线 、 检 测 鼠 标点 击 ， 如 何 创建 菜单 和 按钮 并 将 
它们 和 你 所 编写 程序 中 的 动作 关联 起 来 ， 这些 无 疑 都 是 有 趣 且 有 价值 的 话题 。 但 我 们 希望 
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读者 在 开始 时 可 以 通过 一 种 形象 和 直观 的 方式 来 学 习 图 形 学 。 为 此 ， 需 要 提供 一 些 工具 
(其 内 部 工作 原理 读者 暂时 无 需 知道 ) 。 

基于 以 上 目标 一 一 提供 易于 修改 的 程序 ， 在 程序 中 读者 可 以 实验 各 种 有 关 图 形 学 的 想 
法 一 一 本 章 的 其 余部 分 介绍 我 们 的 2D 测试 平台 。 

在 介绍 2D 程序 的 过 程 中 ,我 们 将 会 展示 如 何 使 用 它 来 实现 2D 割 角 ， 并 且 提 供 一 些 
练习 ， 读 者 在 这 些 练习 中 所 进行 的 一 些 实验 可 为 领会 后 面 各 章 将 要 介绍 的 思想 打下 基础 。 

构建 测试 平台 程序 的 目的 是 让 读者 能 回避 图 形 学 程序 中 许多 实施 的 细节 。 所 有 在 屏幕 
上 显示 的 图 形 学 程序 最 终 都 归结 为 设置 像素 的 颜色 。 在 第 38 章 中 将 详细 讨论 底层 所 涉及 
的 软件 和 硬件 。 现 在 先 让 那些 软件 和 硬件 来 处 理 这 些 事务 ， 以 便 我 们 在 更 高 的 抽象 层次 上 
工作 ， 即 假设 我 们 可 以 创建 高 层次 的 形状 和 图 像 ， 而 WPF 和 Direct3D 将 负责 将 像素 设置 
成 我 们 所 指定 的 属性 。 


4.2 ”测试 平台 的 细节 

如 之 前 所 说 ,我 们 的 程序 基于 WPF， 本 书 全 书 和 数 千 个 网 页 都 与 WPF 相关 联 。 经 验 
表明 ， 对 已 有 的 程序 进行 修改 比 从 头 开始 编写 一 个 新 的 程序 要 容易 。 故 我 们 开发 了 一 个 
2D 测试 平台 ， 并 编写 了 一 个 可 以 实现 若干 想法 的 样本 程序 。 读 者 使 用 测试 平台 时 ， 可 以 
复制 这 个 样本 程序 ， 然 后 根据 需要 删除 其 中 大 部 分 内 容 ， 再 对 余下 内 容 进行 修改 。 该 程序 
可 以 显示 照片 图 像 、 由 软件 生成 的 图 像 、 多 边 形 、 网 格 模型 、 箭 头 图 (由 基准 点 和 方向 表 
示 的 一 系列 箭头 ) 等 。 另 外 还 设置 了 几 个 按钮 (其 中 一 个 用 来 更 改 当 前 显示 的 软件 图 像 ) 和 
一 个 滑动 条 (用 于 移动 多 边 形 某 一 顶点 的 位 置 )。 通 过 这 些 例子 ， 读 者 很 容易 对 其 进行 扩 
展 ， 在 程序 中 加 入 自己 的 交互 元 素 。 

注意 ， 这 个 程序 仍 在 开发 中 。 我 们 希望 按照 学 生 所 期 待 的 方式 对 它 做 进一步 扩充 。 这 
些 扩充 可 能 造成 程序 小 的 改动 ， 我 们 会 在 本 书 的 网 站 中 注 明 此 类 改动 。 网 站 还 包含 有 平台 
中 各 类 实体 的 更 全 面 的 文档 。 本 章 仅 提供 了 对 测试 平台 及 其 用 法 的 一 个 介绍 ， 而 不 是 完整 
的 文档 。 


4.2.1 使 用 2D 测试 平台 


至 此 ， 读 者 应 该 先 停 一 下 ， 去 访问 本 书 的 网 站 并 按 其 指示 路 径 下 载 2D 测试 平台 。 男 
外 还 需要 准备 一 个 自己 合意 的 开发 环境 。 本 书 的 例子 中 ， 我 们 使 用 Visual Studio 2010 的 
免费 “基本 版 ”>， 另 外 还 有 微软 Windows SDK ， 用 来 查看 文档 ， 还 有 其 他 一 些 软件 。 然 后 
在 2D 测试 平台 上 采用 样本 程序 进行 以 下 实验 : 点 击 按钮 或 者 拖 动 滑动 条 看 看 会 发 生 什 么 。 
浏览 源 代 码 看 你 是 否 能 理解 其 实现 的 原理 。 然 后 继续 阅读 。 

我 们 假定 你 熟悉 某 个 集成 开发 环境 ， 例 如 Visual Studio， 且 掌握 一 门 编程 语言 ， 例 如 
C# 、C++ 或 者 Java。 (测试 平台 采用 C# 编 写 ， 熟 悉 C++ 或 Java 的 人 应 很 容易 使 用 C# 。) 


4.2.2 割 角 


在 4.6 节 中 ， 我 们 将 一 步 一 步 地 开发 一 个 割 角 程 序 。 作 为 准备 工作 ， 先 从 本 书 网 站 上 
下 载 subdaividae 程序 并 运行 。 程 序 开 始 后 ， 在 主 窗口 点 击 若干 次 创建 一 个 多 边 形 。 接 下 
来 点 击 Subdivide 按钮 体验 割 角 操 作 ， 或 者 点 击 Clear 按钮 重新 开始 。 

查看 Windaow1.xaml 代码 ， 你 会 看 到 单词 “Subdivide” 和 “Clear”。 这 些 词 周围 的 
XAML 代码 创建 了 你 点 击 的 按钮 ，Click= "blclick" 会 通知 WPF: 如 果 某 一 个 按钮 被 
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点 击 ， 则 调用 过 程 blclick。 后 面 会 看 到 更 多 的 细节 ， 而 这 里 我 们 只 是 希望 你 对 这 一 例 
子 的 操作 部 位 在 程序 中 的 位 置 有 个 整体 的 概念 。 

再 来 查看 Window1 .xaml .cs 代码 。Windowl 类 的 初始 化 创建 了 一 对 Polygon 对 
象 ， 它们 由 Windowl 的 构造 函数 初始 化 ， 然 后 被 添加 到 gp(graph paper 的 缩写 ) 中 ， 注 意 
gp 表示 将 要 绘制 到 屏幕 上 的 所 有 对 象 。 多 边 形 初 始 化 代码 设置 了 多 边 形 的 一 些 性 质 ， 还 
有 其 他 很 多 性 质 也 应 设置 ， 不 过 它们 采用 了 默认 值 。 最 后 ，b2click 和 blclick 过 程 描 
述 了 当 用 户 点 击 这 两 个 按钮 时 应 产生 的 响应 。 对 Clear 按钮 的 操作 ， 读 者 应 该 很 容易 理解 ; 
Subdivide 按钮 的 操作 则 复杂 得 多 ， 不 过 读者 可 以 看 到 : 在 其 核心 部 分 ， 很 多 坐标 都 被 乘 
以 1/3 和 2/3， 这 正 是 我 们 所 预料 的 。 

以 上 就 是 割 角 程序 的 核心 部 分 。 其 他 部 分 几乎 都 是 些 程 式 化 的 内 容 从 而 使 编写 此 
类 应 用 程序 更 为 容易 。 事 实 上 ， 我 们 开发 割 角 程 序 正 是 始 于 测试 平台 的 样本 程序 ， 该 平台 
创建 了 点 、 线 、 箭 头 、 网 格 模型 ， 还 有 其 他 很 多 可 移动 物体 。 开 发 割 角 程 序 时 首先 删除 其 
中 的 大 部 分 ， 然 后 在 XAML 中 去 掉 不 需要 的 用 户 界 面 组 件 ， 对 余下 部 分 重新 命名 。 了 解 
了 这 个 例子 后 ， 我 们 来 看 测试 平台 的 其 余部 分 。 





4.2.3 基于 测试 平台 的 程序 的 结构 


如 同 读者 在 第 3 章 所 见 ，WPF 应 用 程序 通常 由 两 部 分 组 成 : 一 部 分 用 XAML 编写 ， 
另 一 部 分 采用 C# 编 写 ， 两 部 分 构成 整个 程序 。 实 际 上 ， 在 编写 的 程序 中 ， 对 象 类 亦 可 有 照 
此 分 为 两 部 分 ， 也 可 以 完全 用 C# 编写 。 我 们 的 程序 两 类 都 有 。 

应 用 程序 的 顶层 部 分 叫 作 Testbed2DApp， 由 Testbed2DApp.xaml(XAML 文件 ) 
和 Testbed2DApp .xaml .cs( 与 之 关联 的 C# 文 件 ) 实 现 。 

在 XAML 文件 ( 见 代 码 清 单 4-1) 中 ， 首 先 申 明 Testbed2D 是 Application 类 中 的 
一 个 对 象 ， 这 意味 着 它 含 有 预先 设 定 的 属性 、 事 件 和 方法 。 但 除了 startup 事件 处 理 器 
外 ， 其 他 几乎 都 用 不 到 。 我 们 将 在 C# 文 件 中 查看 Startup 事件 处 理 器 。 


代码 清单 4-1 Testbed2DApp.xaml 代码 





1 <Application x:Class="Testbed2D.Testbed2DApp" 

2 xmlns="http://schemas.microsoft .com/winfx/2006/xaml/presentation" 
.3 xmlns:x="http://schemas.microsoft .com/winfx/2006/xaml" 

4 Startup="AppStartingUp"> 

5 <Application.Resources /> 

6 </Application> 





代码 清单 4-1 中 的 代码 只 是 申明 了 一 个 应 用 程序 以 及 在 哪里 可 以 找到 当前 XML 文件 
中 有 关 名 字 人 解析 (xmlns 开头 的 几 行 ) 的 信息 。 我 们 关注 的 核心 是 Startup= "AppStar- 
tingUp" 一 行 ， 它 指出 处 理 startup 事件 的 代码 可 以 在 Testbed2D.xaml .cs 文件 中 的 
AppStartingUp 方法 中 找到 。 这 等 价 于 C++ 或 Java 程序 中 的 main () 函数 。 

相对 应 的 C# 文 件 见 代码 清单 42。 关 键 字 partial 告诉 我 们 : 这 里 有 关于 该 类 的 一 
部 分 说 明 ， 另 一 部 分 在 其 他 地 方 (XAML 文件 中 ) 。 文 件 中 定义 了 AppStartingUp 方法 ， 
它 被 用 来 创建 windowl 并 进行 显示 。AppsStartingUp 中 所 设置 的 参数 未 被 用 到 。 
Testbed2DApp 中 其 余 的 事件 处 理 器 、 方 法 等 直接 从 Application 类 继承 ， 维 持 不 变 。 





加 ”其 他 事件 ， 例 如 onExit 发 生 在 程序 结束 时 ; 而 Activated 则 发 生 在 程序 转化 为 前 台 程 序 时 。WPF 中 每 
一 类 的 细节 都 可 从 在 线 文档 中 找到 ， 不 过 构建 测试 平台 的 目标 之 一 就 是 使 用 户 无 需 了 解 大 多 数 细节 。 
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代码 清单 4-2 ”相应 的 C# 文 件 ，Testbed2DApp.xaml.cs 





using System; 
USiNY a 


namespace Testbed2D 
public partial class Testbed2DApp : Application 
) void AppStartingUp (object sender, StartupEventArgs e) 
: Windowl mainWindow = new Windowl (); 
mainWindow.Show(); 


SSSGwNa 人 WwY 





如 果 我 们 运行 Testbed2DApp， 程 序 开始 时 将 会 创建 并 显示 一 个 Window1l。 


Windowl 类 比 Testbed2DApp 类 更 丰富 : 它 相 当 于 一 个 传统 应 用 程序 的 主 窗口 ， 并 
且 包 含 了 菜单 栏 、 按 钮 和 滑动 条 ， 还 有 一 大 块 可 供 绘 画 的 区 域 。 这 些 组 件 的 布局 由 Win- 
dowl1 .xaml 文件 给 定 : 如 果 用 户 想 在 测试 平台 中 添加 一 个 按钮 ,. 则 需要 编辑 此 文件 ; 如 


果 想 将 滑动 条 的 拖 动 和 程序 中 的 某 项 操作 关联 起 来 ， 也 需要 编辑 此 文件 。 
而 Window1l1 .xaml .cs 文件 所 关注 的 是 创建 可 绘画 区 域 中 的 内 容 。 


现在 来 看 两 个 Window1l 文件 。 我 们 忽略 重复 的 、 程 式 化 的 大 段 内 容 ， 而 把 焦点 集中 


到 编写 自己 程序 所 需 的 细节 。 


像 Winaow1.xaml 这 样 复杂 的 XAML 文件 ( 见 代码 清单 4-3) 可 以 一 次 描述 多 个 事项 : 
布局 (窗口 中 各 个 组 件 的 位 置 )、 事 件 处 理 ( 按 压 一 个 键盘 按键 或 者 点 击 一 个 按钮 将 会 产生 
什么 响应 ) 、 风 格 ( 文 字 显 示 用 的 字体 、 按 钮 的 颜色 )， 等 等 。 现 在 先 看 布局 。 首 先 阅读 代 


码 ， 尝 试 理解 其 含义 ， 我 们 将 马上 解释 一 些 细节 。 
代码 清单 4-3 ”测试 平台 的 XAML 代码 








1 <Window 

0 x:Class="Testbed2D.Windowl" 

3 xmlns="http://schemas.microsoft .com/winfx/2006/ a 

4 xmlns="http://schemas.microsoft .com/winfx/2006/xaml/presentation" 
5 xmlns:x="http://schemas.microsoft .com/winfx/2006/xaml" 
6 xmlns:h="clr-namespace:Testbed2D" 

7 Title="2D Testbed" 

8 KeyDown="KeyDownHandler" 

9 Height="810" 

10 Width="865" 

11 > 

12 <DockPanel LastChildFill="True"> 


13 <Menu DockPanel .Dock="Top"> 

14 <MenuItem Header="File"> 

15 <MenuItem Header="New" Background="Gray"/> 

16 <MenuItem Header="Open" Background="Gray" 

17 </MenuItem> 

18 <MenuItem Header="Edit"/> ... 

19 </Menu> 

20 

21 <StackPanel DockPanel.Dock ="Left" Orientation="Vertical" Background= 
"#ECE9D8"> 

22 <TextBlock Margin="3" Text="Controls"/> 

23 <Button Margin="3,5" HorizontalAlignment="Left" Click="blClick">Next 

</Button> 
24 <Button Margin="3,5" HorizontalAlignment="Left" Click="b2Click">Do It 


</Button> 





25 <Slider Width="100" Value="0" Orientation="Horizontal" 

26 ValueChanged="sliderlchange" HorizontalAlignment="Left" 
2 IsSnapToTickEnabled="True" Maximum="20" TickFrequency="2" 
28 AutoToolTipPlacement="BottomRight" TickPlacement="BottomRight" 
29 AutoToolTipPrecision="2" IsDirectionReversed="False" 

30 IsMoveToPointEnabled="False"/> 

31 

32 </StackPanel> 

33 <h:GraphPaper x:Name="Paper"> 

34 </h:GraphPaper> 

35 </DockPanel> 

36 


37 </Window> 





首先 ， 代 码 中 涉及 数 个 命名 空间 : 我 们 使 用 标准 WPF 实体 ， 它 们 定义 在 WPF 命名 
空间 ; 还 有 其 他 实体 ， 例 如 GraphPaper 类 ， 定义 在 Testbed2D 命名 空间 。 代 码 开始 部 
分 的 xmlns 语句 指明 我 们 将 使 用 WPF 所 要 求 的 命名 空间 。 稍 后 再 解释 后 面 两 条 xmlns 
语句 。 

每 个 大 型 元 素 (Window、DockPanel、StackPanel 等 ) 都 有 一 个 和 该 元 素 配 对 的 结 
束 标 签 (/Window，/DockPanel 等 ) 。 两 者 之 间 是 组 成 该 大 型 元 素 内 容 的 其 他 组 件 。 所 以 
XAML 中 的 所 有 语句 都 在 window 和 /Window 之 间 ， 表 示 所 有 内 容 都 在 一 个 窗口 中 。 

查看 XAML， 我 们 看 到 窗口 包含 了 一 个 DockPanel， 而 DockPanel 又 可 包含 其 他 
的 任何 组 件 。DockPanel 是 一 个 面板 (窗口 中 的 一 个 矩形 区 域 )， 面 板 上 可 以 放置 其 他 元 
素 ， 这 些 元 素 自 动 排列 ， 它 们 在 DockPanel 上 的 位 置 由 XAML 文件 指定 。 例 如 第 17 行 


<Menu DockPanel .Dock="Top"> 


表示 我 们 希望 DockPanel 中 有 一 个 菜单 (Menu)， 且 和 希望 它 安放 ( 粘 附 ) 在 面板 的 顶部 (Top ) 。 
其 他 可 选 位 置 有 Bottom、Left、Right 和 None。 该 面板 还 有 一 个 StackPanel， 安 放 在 左 
侧 ; 另外 还 有 一 个 GraphPaper， 驻 留 位 置 未 明确 指定 。 由 于 在 DockPanel 中 ， 其 Last- 
ChildFi11 被 设置 为 True， 故 GraphPaper 将 占据 DockPanel 中 余下 的 所 有 空间 。 我 们 即 
将 讨论 GraphPapez 的 功能 。 现 在 可 将 它 理解 为 一 张 专用 的 Canvas。 

WPF 将 所 有 的 这 些 布局 设置 转换 成 用 户 界面 ， 其 外 观 恰 如 用 户 所 指定 。 用 户 无 需 指 
定 菜单 栏 的 具体 高 度 ， 如 果 程 序 运 行 时 窗口 的 大 小 有 所 调整 ， 上 述 各 项 布局 会 自动 地 做 相 
应 调整 。 这 是 WPF 的 XAML 部 分 的 一 个 巨大 优势 : 可 在 很 高 的 语言 层次 上 描述 用 户 界面 
的 外 观 。 

继续 下 降 一 层 ，XAML 中 的 MenuItem 块 也 很 好 理解 : 其 中 有 一 个 File( 文 件 ) 菜 单 ， 
该 菜单 中 设 有 “New” (新 建 ) 项 和 “Open” (打开 ) 项 ， 还 有 一 个 Edit( 编 辑 ) 菜 单 ， 等 等 。 
(其 中 一 些 使 用 了 <TAG… /> 语法 ， 该 语法 中 最 后 的 "/ "代替 了 结束 标签 < /TAG> 。) 

课 内 练习 4. 1: 修改 菜单 栏 ， 加 入 一 个 新 菜单 Foo， 其 中 含有 菜单 项 Bar 和 Baz， 重 
新 运行 程序 确保 它们 已 显示 在 菜单 栏 中 。 然 后 将 其 删除 。 

stackPanel( 按 从 上 到 下 的 顺序 添加 元 素 ?) 内 设 有 一 个 TextBlock， 两 个 Button， 
还 有 一 个 Slider。TextBlock 是 这 个 面板 的 标签 ( 注 有 “Controls” 字 样 )。 按 钮 和 滑动 
条 用 于 控制 画布 的 外 观 。 每 个 元 素 的 Margin 属性 告诉 WPF 应 在 每 一 元 素 的 周围 留 多 少 空 
白 ; HorizonalAlignment 告诉 WPF 如 何 确定 该 元 素 在 剩余 空白 区 域 中 的 位 置 。click= 





昌 从 上 到 下 的 顺序 是 由 于 StackPanel 的 Orientation 被 设置 为 vertical。 如 果 设 置 成 Horizontal， 则 
会 从 左 到 右 排列 。 
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blclick 指明 当 用 户 按 下 Next 按钮 时 哪个 方法 (在 这 个 例子 中 是 blclick) 被 调用 。 最 后 ， 
在 <Button> 和 </Button> 标签 之 间 是 按钮 的 内 容 ， 仅 仅 是 一 段 简 短 的 文字 。 

25 一 30 行 的 Slider 类 似 : 我 们 设 定 了 几 个 选项 ,来 指定 滑动 条 的 宽度 、 初 始 值 (0)、 
最 大 值 (20， 即 滑 块 滑动 到 最 右 端 时 的 值 ) 、 水 平 放置 、 刻 度 的 位 置 和 数量 。 其 中 最 重要 的 
属性 是 ValueChanged= sliderlchange， 它 指出 ， 当 用 户 改 变 滑动 条 的 值 时 ，WPF 应 
调用 sliderlchanged 方法 ( 属 Windowl 类 ) 。 

现在 基本 看 完了 XAML 的 所 有 代码 。 或 许 读者 已 有 信心 对 这 一 文件 进行 编辑 ， 例 如 
加 入 几 个 新 按钮 和 新 的 滑动 条 ， 弄 清楚 了 如 何 更 改 按钮 的 颜色 ， 或 者 将 StackPanel 分 
为 两 个 并 排放 置 的 控制 板 ， 一 个 管理 按钮 ， 另 一 个 管理 滑动 条 。 (提示 : 可 以 定义 一 个 新 
的 DockPanel， 将 其 设置 为 水 平方 向 ， 然 后 将 两 个 StackPanel 都 包含 进去 。) 

课 内 练习 4.2: 在 StackPanel 中 加 入 一 个 新 的 按钮 或 滑动 条 ,但 是 不 要 包含 相应 的 
Click= 或 者 ValueChanged= 语句 。 运 行程 序 ， 确保 新 组 件 在 预定 位 置 正常 显示 。 

课 内 练习 4.3: 像 上 文中 所 建议 的 那样 重新 布置 控制 面板 StackPanel， 将 其 一 分 为 
二 : 一 个 面板 全 都 是 按钮 ， 另 一 个 只 是 滑动 块 。 证 实 你 的 修改 有 效 。 

如 果 你 在 添加 一 个 新 按钮 时 ， 设置 click= b3click 并 尝试 编译 此 程序 ， 将 会 失败 。 这 
是 因为 需要 在 Window1l 类 中 定义 b3Click 方法 。 等 一 下 我 们 会 详细 讨论 这 方面 的 内 容 。 

课 内 练习 4. 4: 添加 一 个 新 按钮 且 定 义 Click= b3Click， 证 实 该 程序 无 法 运行 。 尝 
试 解析 错误 信息 并 且 弄 清 它 的 意思 。 最 后 移 除 新 按钮 。 

XAML 代码 中 的 最 后 一 项 是 GraphPaper， 它 的 语法 有 些 独 特 。 代 码 清单 4-4 显示 了 
大 幅度 简化 后 的 XAML 代码 。 


代码 清单 4-4 window1.xaml 中 创建 GraphPaper 的 部 分 





<Window 
x:Class="Testbed2D.Windowl" 
xmlns= ..." 
xmlns:h="clr-namespace:Testbed2D" 
ww 


<HRSGEa6HPaBESE x:Name="Paper"> 
</h:GraphPaper> 

9 </DockPanel> 

10 

11 </Window> 


1 
2 
3 
4 
5 
6 
8 





高 亮 显示 的 xmlns 语句 表示 XML 命名 空间 h 引 自 Testbed2D 定义 的 Common Lan- 
guage Runtime(clr) 命 名 空间 。 这 意味 着 GraphPaper 不 是 一 个 标准 的 WPF 类 ， 而 是 本 
项 目 定义 的 GraphPaper 类 ， 因 而 并 非 WPF 的 canvas 类 。 实 际 上 ，GraphPaper 与 
Canvas 十 分 相似 (实际 上 ， 它 继承 自 canvas)， 只 是 GraphPaper 上 面 预 先 画 好 了 类 似 
图 纸 的 栅 格 和 坐标 轴 ， 另 外 GraphPapez 的 度量 单位 是 毫米 而 不 是 WPF 单位 (以 1/96 英 
才 为 一 个 单位 )S 。 我 们 目前 仅仅 是 使 用 GraphPaper 类 ， 所 以 无 需 了 解 有 关 该 类 的 完整 
说 明 。 在 你 阅读 了 接 下 来 的 两 章 后 ， 就 值得 花 时 间 阅 读 定义 GraphPaper 的 XAML 和 C# 
交 性 了 了 

在 windowl 的 XAML 文件 的 最 下 面 ， 我们 创建 了 一 个 GraphPaper 的 实例 。 为 此 ， 
我 们 必须 申明 h:GraphPaper， 告 诉 程序 在 哪个 命名 空间 中 查找 它 。 我 们 还 给 它 取 了 个 名 





加 有 一 个 例外 : 如 果 你 的 显示 器 的 dpi 设置 与 物理 显示 设备 的 dpi 不符，WPF 单位 将 不 是 1/96 英寸 。 





字 一 一 Paper 一 一 从 而 可 在 C# 文件 中 引用 它 。 
图 4-2 显示 了 程序 运行 时 的 外 观 。 所 有 内 容 由 C# 代 码 生成 ,程序 界面 的 整体 外 观 则 
由 XAML 代码 决定 。 











图 4-2 Testbed2D 程序 运行 效果 。 在 graph-paper 大 窗口 中 的 所 有 东西 均 由 windowl. 
xaml .cs 代码 生成 ， 而 非 XAML 文件 定义 





4.3 CQC# 代 码 

相对 应 的 C# 人 代码 (winaow1.xaml .cs) 较 为 简单 ( 见 代 码 清单 4-5)， 也 不 涉及 软件 工 
程 技巧 。 这 一 测试 平台 的 作用 被 设计 成 类 似 于 便签 本 ， 而 不 是 作为 大 型 系统 的 基础 。 如 果 
你 想 在 WPF 上 开发 一 个 大 型 应 用 程序 ， 则 应 去 熟悉 WPF 本 身 ， 而 不 是 仅 研 究 用 于 2D 测 
试 平台 的 WPF 中 的 一 部 分 内 容 。 


代码 清单 4-5 ”windowl 类 定义 的 C# 部 分 





信和 


1 
和 
3 namespace Testbed2D 

4 { 

人 $ public partial class Windowl1 : Window 
6 { 

GraphPaper gp = null; 

8 
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9 Polygon myTriangle = null; 

10 GImage myImagel = null; 

11 GImage myImage2 = null; 

12 Mesh myMesh = null; 

13 Quiver myQuiver = null; 

14 

15 // Are we ready for interactions like slider-changes to 
16 // alter the parts of our display (like polygons or images 
【7 // or arrows)? 

18 // Probably not until those things have been constructed! 
19 bool ready = false; 

20 

21 public Windowl () 

22 { 

23 InitializeComponent (); 

24 InitializeCommands () ; 

23 

26 // Now add some graphical items in the main Canvas, 
2 // whose name is "GraphPaper" 

28 gp = this.FindName ("Paper") as GraphPaper; 

29 

30 // A triangle whose top point will be dragged 

31 // by the slider. 

32 myTriangle = new Polygon(); 

33 myTriangle.Points.Add (new Point (0, 10)); 

34 myTriangle.Points.Add (new Point (10, 0)); 

35 myTriangle.Points.Add (new Point(-10, 0)); 

36 myTriangle.Stroke = Brushes.Black; 

37 myTriangle.StrokeThickness = 1.0; // 1 mm thick line 
38 myTriangle.Fill = Brushes.LightSeaGreen; 

39 gp.Cchildren.Add (myTriangle); 

40 

41 // A draggable Dot, which is the basepoint of an arrow. 
42 Dot dd = new Dot (new Point (-40, 60)); 

43 dd.MakeDraggable (gp); 

44 gp.Cchildren.Add (dd); 

45 

46 Arrow ee = new Arrow(dd, new Point (10, 10), 

47 Arrow.endtype.END); 

48 gp.children.Add (ee); 

49 [lots more shape-creating code omitted] 

50 ready = true; // Now we're ready to have sliders and 
51 // buttons influence the display. 

52 } 


53 [interaction-handling code omitted] 





之 前 我 们 只 描述 了 采用 XAML 写 的 Window1; C# 文 件 包 含 其 余 的 定义 。 本 例 中 要 显 
示 一 个 多 边 形 、 三 幅 图 像 、 一 个 网 格 模型 和 一 个 箭头 图 ,所 以 需要 将 以 上 每 个 元 素 都 申明 
为 Windowl 类 的 一 个 实例 变量 。 如 果 要 写 的 程序 只 显示 一 幅 图 像 ， 则 应 删除 对 其 余 元 素 
的 申明 。 

Windowl 的 构造 函数 首先 初始 化 各 组 件 一 一 这 是 每 个 位 于 顶层 的 WPF 窗口 都 需 执 行 
的 步 又， 各 个 子 部 件 随即 部 署 到 位 。 接 下 来 对 菜单 和 键盘 命令 进行 初始 化 。 再 接 下 来 我 们 
在 GraphPaper 中 加 入 名 为 Paper 的 图 形 项 ,采用 FindName 方法 确定 它 的 位 置 。Can- 
vas 有 一 个 children 集 ， 我 们 使 用 gp .children.Add (myTriangle)， 使 新 创建 的 三 
角形 成 为 Canvas 的 一 个 子 元 素 ， 以 便 在 canvas 中 显示 。 

现在 来 看 创建 三 角形 的 细节 。 首 先 申 明 三 角形 为 一 个 新 的 Polygon， 在 这 个 Poly- 
gon 中 加 入 若干 Point。 不 过 这 只 是 描述 了 三 角形 的 几何 ， 而 不 是 它 的 外 观 。 在 WPF 中 ， 
外 观 由 stroke( 画 线 方 式 ) 和 Fill1( 区 域 填充 方式 ) 描 述 ， 二 者 都 由 Brush 定义 ， 而 
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Brush 的 功能 可 以 非常 复杂 。 在 本 例 中 ,我 们 直接 用 Brushes 类 中 预先 定义 的 笔画 和 填 
充 方 式 。 线 的 颜色 设置 为 黑色 ， 三 角形 用 浅 绿色 填充 。 笔 画 宽度 设 为 1 .0， 根据 Graph- 
Paper 对 单位 的 定义 ， 它 为 1.0mm。 实 际 上 ，GraphPaper 中 的 所 有 单位 都 是 以 毫米 计 
量 的 。 例 如 相 邻 两 条 相 邻 栅 格 线 之 间 的 距离 为 5mm， 我 们 所 创建 的 三 角形 高 10mm( 由 于 笔 
刷 宽 Imm， 它 实际 上 会 稍 高 一 点 。 可 以 想象 成 笔 刷 沿 着 轮廓 线 移动 ， 而 刷子 中 心 始终 在 几 
何 图 形 上 SS)。 总 之 ， 称 作 Paper 的 GraphPaper 提供 一 个 用 来 绘制 几何 形状 的 区 域 ， 
Paper 内 的 单位 为 毫米 ， 坐 标 系 的 原点 取 在 画布 中 心 。 当 点 向 右 移动 时 ， 它 的 第 一 个 坐标 
分 量 值 增加 ; 向 上 移动 时 ， 第 二 个 坐标 分 量 的 值 增加 。 注 意 ， 这 里 第 二 个 坐标 轴 的 正 问 不 
是 WPF 的 默认 方向 ， 默 认 方向 朝 下 。 


4.3.1 坐标 系 


为 什么 WPF 中 第 二 个 坐标 分 量 增加 的 方向 默认 朝 下 ? 有 多 个 赞成 的 理由 (其 中 有 些 理 
由 设计 者 自己 也 没有 想到 ) ， 当 然 也 有 一 些 合理 的 批评 。 最 自然 的 批评 意见 是 学 过 数学 的 
人 都 习惯 于 传统 的 笛 卡 儿 坐标 系 ， 其 中 y 轴 垂 直 向 上 。 对 数学 非常 熟悉 的 人 在 测量 角度 时 
习惯 于 从 轴 开 始 ， 随 着 角 的 另 一 条 边沿 送 时 针 方向 转动 ， 其 夹 角 增 大 。 对 此 用 户 已 有 多 
年 经 验 ， 为 何 还 要 改变 呢 ? 

赞成 意见 是 某 一 坐标 分 量 增加 的 方向 朝 下 时 更 能 自然 地 表达 另 一 此 东西。 例如 矩阵 的 
行 和 列 ， 第 一 行 总 是 位 于 顶部 ,第 二 行 在 第 一 行 下 面 ， 等 等 。 设 想 和 矩阵 元 素 为 灰 度 值 的 集 
合 ， 可 认为 该 矩阵 描述 了 一 幅 黑 白 图 像 。 假 如 在 显示 该 图 像 时 能 采用 一 种 “直观 的 方式 ”， 
即 让 生成 的 图 像 与 矩阵 表示 方式 保持 一 致 ( 见 图 4-3)， 当 然 再 好 不 过 。 但 若 我 们 采用 笛 卡 
儿 坐 标 系 ， 则 所 生成 的 图 像 就 会 上 下 其 倒 过 来 。( 顺 便 提 一 个 更 进一步 的 问题 ,和 矩阵 元 素 
的 索引 通常 以 ( 行 ， 列 ) 的 形式 给 出 。 其 中 “ 列 ” 的 序号 对 应 像素 的 水 平 位 置 ， 而 “ 行 ”的 
序号 则 对 应 像素 在 垂直 方向 的 位 置 ， 不 幸 的 是 ， 这 与 竺 卡 儿 坐 标 系 和 WPF 坐标 系 关于 
(z，y) 的 约定 恰恰 相反 。) 





项 (1,2) 


HEEH 


a) b) ce) 
图 4-3 a) 一 个 3X4 和 矩阵 ， 和 矩阵 元 素 对 应 0 和 1 之 间 的 灰 度 值 ， 其 中 黑 为 0， 白 为 1。 如 果 将 每 个 矩阵 元 
素 都 转换 为 一 个 灰色 的 小 矩形 ， 元 素 的 值 对 应 灰色 的 亮度 ， 则 可 得 到 如 图 b 所 示 的 “着 色 和 矩阵 ”。 
c) 在 显示 着 色 和 矩阵 时 如 果 将 对 应 于 第 j 列 第 i 行 和 矩阵 元 素 的 小 正方 形 的 中 心 置 于 第 卡 儿 坐标 系 中 
的 (j, 站 点 ， 所 生成 的 图 像 会 翻转 到 水 平 轴 下 方 。 但 如 果 使 用 WPF 坐标 系 ， 结 果 不 会 翻转 


在 图 像 之 外 ， 另 一 佐证 是 文字 的 书写 顺序 是 由 上 而 下 ， 从 左 到 右 ， 因 而 我 们 想象 中 的 





加 ”本 例 中 刷子 画 出 的 线 在 转角 处 是 斜 接 的 ， 因 此 生成 的 形状 仍然 呈现 为 三 角形 。 其 斜 接 性 质 可 通过 Brush 的 
属性 设置 。 注 意 ， 在 非常 尖锐 的 转角 处 ， 斜 线 可 能 会 延伸 很 长 的 距离 ， 可 以 通过 设置 MiterLimit 限制 该 
距离 。 
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2D 布局 方式 也 是 这 一 顺序 。 男 外 ， 传 统 的 界面 也 是 从 顶部 开始 (菜单 栏 的 位 置 )， 然 后 将 
用 户 的 眼睛 向 下 引导 到 下 面 的 菜单 选项 。 最 后 ， 很 多 早期 的 光栅 图 形 系统 也 都 使 用 这 种 方 
式 来 描述 单个 像素 的 位 置 ， 它 们 均 将 像素 (0，0) 置 于 屏幕 的 左上 角 。 
不 管 有 何 根据 ， 这 一 坐标 轴 的 朝向 是 WPF 开发 者 选择 的 。 幸 和 运 的 是 ， 他 们 还 包含 了 
一 个 允许 用 户 转换 画布 坐标 系 的 机 制 ? 。 故 我 们 的 测试 平台 采用 了 传统 的 笛 卡 儿 坐 标 。 
测试 平台 的 第 二 个 版 本 采取 > 向 下 递增 的 坐标 系 ， 该 版 本 可 以 在 本 书 网 站 中 访问 。 当 
你 实验 的 对 象 是 图 像 数据 时 ， 可 以 选用 这 一 版 本 。 


4.3.2 WPF 数据 依赖 


三 角形 是 一 个 含有 三 个 点 (Point) 的 Polygon。WPF 内 置 了 一 种 能 力 ， 可 以 判定 物 
体 何 时 发 生 了 变化 而 需要 重新 绘制 。 当 我 们 将 三 角形 加 入 GraphPaper 的 子 元 素 集 时 ， 
并 没有 提供 何 时 绘制 此 三 角形 的 说 明 。 当 WPF 决定 要 显示 画布 的 时 候 ， 它 会 显示 画布 所 
含 的 所 有 子 元 素 ， 而 我 们 只 需 告诉 它 待 显示 的 是 哪些 子 元 素 。 而 提请 WPF 重新 显示 画布 
的 事件 是 其 中 某 个 子 元 素 “ 有 所 变化 ”。 例 如 ， 如 果 我 们 将 三 角形 从 子 元 素 集中 删除 ， 夯 
布 会 自动 重 绘 ,该 三 角形 将 从 画面 上 消失 。 如 果 我 们 以 某 种 方式 改变 了 这 个 三 角形 ， 同样 
会 导致 重 绘 。 

遗憾 的 是 ，“ 查 看 子 元 素 的 状态 有 无 改变 ”只 能 查看 到 某 一 固定 的 层次 。 如 果 组 成 
Polygon 的 Point 集 有 所 改变 ， 这 属于 Polygon 自身 的 改变 ， 应 提示 GraphPaper 重 
绘 。 但 是 什么 才 算 collection 的 改变 呢 ? 根据 WPF 的 设计 者 的 选择 ， 只 有 “组 成 集合 
的 子 元 素 的 索引 有 所 改变 ” 才 被 视 为 Collection 的 改变 ， 而 不 是 “其 中 被 引用 的 某 个 
子 元 素 发 生 改 变 ”。 因 此 ， 在 集合 中 删除 或 插入 一 个 子 元 素 会 被 视 为 “改变 ”， 但 若 仅仅 改 
变 某 一 子 元 素 一 一 例如 改变 其 第 一 个 点 的 xz 坐标 则 不 算 “ 改 变 ”。 所 以 ， 如 果 我 们 改 
变 组 成 多 边 形 的 第 一 个 Point 的 第 一 个 坐标 ， 什 么 事 都 不 会 发 生 ， 因 为 这 属于 Point 自 
身 的 变化 ， 包 含 此 Point 的 Collection 对 此 既 未 识别 也 不 会 有 所 反应 。 反 过 来 ， 倘 若 
我 们 从 集合 中 删除 这 个 Point， 基 于 改变 后 的 坐标 创建 一 个 新 的 Point， 再 将 这 个 新 
Point 添加 到 集合 中 ， 就 会 向 上 传播 “有 所 改变 ”的 信号 。 上 有 具体 细节 见 下 一 节 。 

对 于 类 似 WPF 的 系统 而 言 ， 确 定 “ 改 变 ” 的 内 涵 对 系统 性 能 影响 巨大 : 如 果 其 粒度 
定义 得 太 细 ， 平 台 的 所 有 计算 能 力 都 会 耗费 在 对 “改变 ”的 监测 上 ;， 如 果 粒 度 太 粗 ， 则 程 
序 员 需 要 自己 来 发 布 很 多 “改变 ”的 通知 ， 甚 至 为 了 便于 上 自行 处 理 ， 最 终 放 弃 系 统 对 “ 改 
变 ” 的 监测 ， 以 便 进 行 一 致 性 的 处 理 。 





4.3.3 事件 处 理 


WPF 接受 用 户 以 键盘 按键 、 鼠 标点 击 、 鼠 标 拖 动 等 形式 对 系统 进行 交互 ， 并 将 它们 
作为 事件 。 当 检测 到 一 个 事件 时 ， 会 引发 一 系列 复杂 的 操作 ， 最 终 WPF 会 调用 相应 的 事 
件 处 理 咒 。 更 确切 地 说 ，WPEF 可 能 调用 的 事件 处 理 吉 有 很 多 ， 但 是 在 我 们 的 情况 中 ， 每 
一 个 事件 只 使 用 一 个 事件 处 理 器 ， 之 后 将 这 个 事件 标记 为 “已 处 理 ”， 这 样 就 不 会 再 调用 
其 他 处 理 器 。 有 些 事件 处 理 器 是 WPF 的 组 件 ; 在 男 一 些 情形 中 它们 是 程序 员 提 供 的 回调 
图 数 。 





加 ”更 确切 地 说 ， 他 们 包含 了 一 些 东西 ， 指 定 了 怎样 将 画布 坐标 系 转换 为 它 所 含 对 象 一 一 一 个 窗口 、 一 个 面板 ， 
等 等 一 一 的 坐标 系 ， 从 而 允许 我 们 反 转 y 坐标 并 将 (0，0) 移 动 到 画布 中 间 ， 正 如 我 们 在 第 2 章 的 钟表 例子 
中 所 做 的 那样 。 
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具体 来 说 ， 当 WPF 检测 到 某 一 按钮 被 点 击 ， 会 调用 该 按钮 的 click 处 理 器 。 例 如 我 
们 定义 的 第 一 个 按钮 ( 见 代 码 清 单 4-3 中 第 25 行 )， 我 们 将 其 click 处 理 器 设置 为 XAML 
代码 中 的 blclick。plclick 处 理 很 简单 :打印 一 个 调试 信息 并 对 该 事件 设置 一 个 标志 ， 
申明 这 一 点 击 事件 已 被 处 理 ( 见 代码 清单 4-6) 。 


代码 清单 4-6 第 一 个 按钮 点 击 事件 的 处 理 器 


public void blClick (object sender, RoutedEventArgs e) 








1 

2 { 

鸭 Debug.Print ("Button one clicked!\n"); 

4 e.Handled = true; // don't propagate the click any further 

5 } 

代码 中 的 sender 是 WPF 中 的 实体 ， 点 击 事件 由 它 传递 给 我 们 。 点 击 的 传递 过 程 涉 


及 一 个 复杂 的 层次 模型 ， 我 们 大 可 忽略 这 个 模型 。 在 这 个 模型 中 ， 当 点 击 位 于 画布 某 一 网 
格 点 的 按钮 上 的 文字 时 会 依次 触发 文字 对 象 、 按 钮 、 格 点 以 及 画布 的 反应 。 如 果 要 终止 事 
件 的 传递 ， 需 要 将 RoutedEventArgs Handled 变量 设置 为 True， 说 明 我 们 已 经 处 理 了 
此 次 按钮 点 击 ， 代 码 的 其 他 部 分 无 需 对 它 进行 男 外 的 操作 。 

另 一 个 更 加 复杂 的 事件 处 理 例 子 是 处 理 滑 动 条 值 发 生 改 变 的 事件 处 理 器 ， 叫 作 sli- 
derlchange， 如 代码 清单 4-7 中 所 示 。 可 以 看 到 ， 我 们 打印 了 一 条 信息 ， 显 示 传 人 的 新 
值 C(e.NewVaule)， 然 后 改变 三 角形 第 一 个 点 的 工 坐 标 。 我 们 采取 为 整个 顶点 数组 重新 赋 
值 的 方法 ， 而 不 是 移 除 并 重新 插入 某 个 顶点 ， 因 为 数组 中 只 有 三 个 顶点 。 这 样 三 角形 将 被 
标记 为 被 “改变 ”， 从 而 引起 整个 画布 的 重 绘 。 最 终 的 效果 是 我 们 用 鼠标 调整 滑动 条 时 ， 
三 角形 的 顶部 产生 左右 移动 。 


代码 清单 4-7 sliderlchange 方法， 用 于 移动 三 角形 的 一 个 顶点 





void sliderlchangel 


1 

2 object sender, 

党 RoutedPropertyChangedEventArgs<double> e) 

4 { 

5 Debug Print ("Slider ehanged, ready = " + ready + 
6 ", and val = "+ e.NewValue + ".\n"); 
7 e.Handled = true; 

8 if (ready) 

9 { 

10 PointCollection p = myTriangle.Points.Clone(); 
Li Debug.Print (myTriangle.Points.ToString()); 

12 Pp[0] .X = e.NewValue; 

13 myTriangle.Points = p; 

14 } 





现在 简单 介绍 一 下 代码 清单 4-5 第 19 行 、 第 50 行 和 代码 清单 47 第 8 行 中 的 标记 
ready。 在 我 们 的 程序 构建 Windowl 的 过 程 中 ，WPF 创建 了 滑动 条 并 在 XAML 代码 中 
将 它 的 初始 值 设 为 一 个 预先 指定 的 值 。 这 引发 了 一 个 Valuechanged 事件 9 ， 了 驱使 WPF 
调用 sliderlchange 方法。 但 这 一 切 都 发 生 在 InitializeComponent 过 程 中 ， 此 时 
三 角形 还 未 被 创建 。 如 果 我 们 尝试 改变 其 中 某 个 Point 的 坐标 ， 就 会 出 现 错误 。 所 以 我 
们 选择 忽略 所 有 此 类 事件 ， 直 到 Windowl 构建 成 功 ， 该 事件 由 ready 标识 。 





加 其 值 从 “未 定义 ” 变 为 指定 的 初始 值 。 
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课 内 练习 4.5: 修改 测试 平台 ,使 它 显示 一 个 钻石 形状 的 物体 ， 而 不 是 三 角形 ， 采 用 
滑动 条 来 同时 调整 其 顶部 和 底部 顶点 的 工 坐 标 ( 朝 同一 方向 )。 再 添加 一 个 滑动 条 ， 调 整 钻 
石 左 侧 和 右 侧 顶点 的 y 坐标 。 


4.3.4 其 他 几何 物体 


除 多 边 形 外 ， 测试 平台 还 可 用 来 显示 其 他 几 种 几何 图 形 。 其 中 包括 圆 点 (类 似 几 何 上 
的 点 ， 不 过 可 显示 而 且 还 附 有 该 点 坐标 的 提示 信息 )、 箭 头 ( 用 来 表示 向 量 ) 和 箭头 图 (表示 
箭头 的 集合 ) 、 线 段 ( 点 之 间 的 连接 线 )， 还 有 网 格 和 图 像 。 关 于 这 些 实体 的 细节 可 以 在 本 
书 网 站 查阅 。 

4.4 动画 

正如 读者 在 第 2 章 所 见 ，WPF 包含 创建 动画 的 工具 。 几 乎 所 有 类 型 的 值 都 可 以 定义 
动画 一 一 double、Point 等 一 一 然后 通过 这 些 值 的 变化 使 显示 结果 不 断 改变 。 用 户 可 以 
在 XAML 或 者 C# 中 定义 动画 。 在 XAML 中 ， 有 许多 预定 义 的 动画 ， 可 以 对 它们 进行 组 
合生 成 复杂 的 动画 。 在 C# 代 码 中 ， 既 可 以 使 用 预定 义 的 动画 ,也 可 以 编写 任意 复杂 的 程 
序 创建 自己 的 动画 。 例 如 ， 用 户 可 以 写 一 个 程序 计算 一 个 球 在 弹跳 时 不 断 变化 的 位 置 ， 用 
这 个 变化 的 位 置 控 制 屏 幕 上 所 显示 的 某 个 形状 (例如 一 个 圆 盘 ) 的 位 置 。 采 用 XAML 来 编 
写 这 类 模拟 程序 尚 不 可 行 ， 用 C# 写 则 自然 得 多 。 

在 我 们 的 例子 中 ， 只 有 一 个 动画 ,但 是 它 展示 了 动画 的 核心 思想 ( 见 代 码 清单 4-8)。 
代码 中 ， 创 建 了 一 条 线段 ， 它 的 一 个 端点 位 于 名 为 pl 的 Dot 处 。 在 该 代码 中 ， 我 们 通过 
指定 点 的 初始 位 置 和 终止 位 置 、 动 画 持 续 时 间 ( 本 例 中 从 0 时 刻 开 始 ， 持 续 5 秒 钟 )， 以 及 
到 达 终 止 位 置 后 应 自动 反 向 而 且 无 限 循环 来 生成 点 的 动画 。( 顺 便 指出 ， 这 个 相对 简单 的 
动画 很 容易 采用 XAML 实现 )， 其 结果 是 一 个 点 在 两 个 指定 位 置 之 间 随时 间 往 复 运 动 。 注 
意 这 个 point 不 会 在 GraphPaper 中 显示 ， 不 过 它 的 值 在 持续 变化 。 但 是 根据 对 线段 
pl.BeginAnimation (Dot.PositionProperty,animapPoint1) 的 说 明 ， 名 为 pl 的 
Dot 中 的 PositionProperty 为 animaPoint1 所 驱动 ， 从 而 导致 正在 显示 中 的 Dot 做 
往复 运动 。 这 意味 着 ，WPF 的 数据 依赖 机 制 承担 了 主要 的 工作 : 它 检测 到 animaPoint1 
中 的 每 个 变化 并 同时 改变 pl 的 PositionProperty。 这 个 属性 决定 了 Dot 在 画布 上 的 
位 置 ， 形 成 了 动画 效果 。 





代码 清单 4-8 point 动画 的 代码 


PointAnimation animaPointl = new PointRAnimation( 

new Point(-20， 一 20)， 

new Point (-40，20) ， 

new Duration (new TimeSpan(0, 0, 5))); 
animaPoint1.AutoReverse = true; 
animaPoint1l.RepeatBehavior = RepeatBehavior.Forever; 
pl.BeginAnimation (Dot.PositionPproperty, animaPoint1); 








人 耻 惟 上山 日 一 





我 们 之 前 对 于 Point 的 操作 太 过 自由 ， 例 如 可 给 工 和 y 坐标 赋值 。 如 果 严 格 遵循 面向 
对 象 编程 的 法 则 ， 我 们 需要 将 这 些 坐 标 作为 变量 的 实例 隐藏 起 来 ， 仅 能 通过 访问 器 /设置 器 
(或 者 get/set) 方 法 对 其 进行 访问 。 实 际 上 ，Point 更 类 似 Pascal 中 的 record 或 者 C 中 的 
struct， 而 不 像 典 型 的 C++ 或 者 Java 中 的 对 象 。 当 模糊 record( 相 关 值 的 集合 ) 和 对 象 之 间 
的 区 别 时 ，C# 允许 这 种 用 法 ， 此 举 对 效率 有 巨大 影响 ,而 对 可 调试 性 的 影响 相对 较 小 。 





4.5 交互 


我 们 已 经 讨论 了 在 测试 平台 中 (一 般 而 言 ， 在 WPF 中 ) 如 何 处 理 点 击 按钮 和 改变 滑动 
条 值 的 事件 : 分 别 调用 click 或 Valuechanged 方法。 

对 键盘 交互 的 处 理 稍 有 不 同 。 在 主 window 中 任何 地 方 按压 按键 都 被 分 为 两 个 阶段 处 理 : 
首先 ， 其 中 一 部 分 会 被 识别 为 命令 (例如 “Alt 十 X” 表 示 “ 退 出 程序 ”); 其 次 ， 未 被 识别 为 命令 
的 按键 动作 由 KeyDownHandler 处 理 ， 该 方法 会 对 所 有 的 按键 做 出 响应 ， 或 者 予以 忽略 (对 于 
Control 或 者 Shift 之 类 的 修饰 键 )， 或 者 显示 一 个 小 的 对 话 框 ， 显 示 哪 个 键 被 按 下 。 当 你 写 稍 复 
杂 的 程序 时 ， 可 能 想 要 改写 这 部 分 代码 ， 使 之 在 按 下 特定 的 键 时 执行 特定 的 任务 。 

最 后 ， 对 菜单 项 被 选取 时 的 处 理由 InitializeCommands 方法 定义 。 对 于 许多 命令 
来 说 (例如 Application.Close， 表 明 该 程序 要 关闭 一 个 窗口 ), 已 经 有 预先 设置 好 的 处 
理 方法 ， 并 且 有 与 该 命令 关联 的 预定 义 按键 。 对 于 它们 来 说 ， 用 户 只 需 写 下 如 下 的 类 似 代 
人 码 : CommandBindings. Add (new CommandBinding ( ApplicationCommands. 
Close,CloseApp))。 其 中 closeApp 是 一 个 小 过 程 ， 它 将 弹出 一 个 对 话 框 向 用 户 确认 
是 否 要 关闭 程序 。 对 于 其 他 命令 ， 可 能 涉及 稍微 复杂 一 些 的 机 制 。 由 于 我 们 并 不 要 求 读者 
添加 任何 新 的 命令 ， 所 以 将 由 读者 自行 决定 是 否 要 学 习 这 类 机 制 。 


4.6 测试 平台 的 一 个 应 用 程序 


现在 回 到 本 章 开 头 提 到 的 割 角 例子 。 要 创建 一 个 可 展示 此 效果 的 程序 ， 我 们 需要 移 除 
Windowl.cs 中 的 大 部 分 代码 ， 从 用 户 创建 简单 多 边 形 开始 。 我 们 将 描述 交互 过 程 ， 然 后 
编写 代码 。 

GraphPaper 的 初始 状态 为 空白 。 有 两 个 按钮 ， 分 别 是 “Clear” 和 “Subdivide”。 用 
户 在 绘图 区 域 (graph paper) 上 点 击 时 会 创建 多 边 形 P1， 其 顶点 位 于 用 户 点 击 的 位 置 (点 击 
两 次 之 后 ， 此 多 边 形 包含 了 两 条 相同 的 线段 ; 点 击 三 次 后 ， 形 成 一 个 三 角形 ; 等 等 )。 当 
用 户 点 击 “Subdivide” 按 钮 后 ， 出 现 对 第 一 个 多 边 形 的 细 分 版 本 P2; 接 下 来 点 击 “Sub- 
divide” 按 钮 ，P2 将 取代 Pl， 再 次 点 击 ，P2 又 被 继续 细 分 后 的 结果 取代 ， 以 此 类 推 。 也 
就 是 说 ， 屏 幕 上 总 是 会 同时 显示 当前 多 边 形 和 它 的 细 分 结果 。 点 击 “Clear” 按 钮 可 以 清 
除 绘图 区 域 上 的 现 有 显示 。 一 旦 用 户 完成 了 对 多 边 形 的 细 分 ， 我 们 将 使 对 绘图 区 域 的 继续 
点 击 失效 。 或 许 你 希望 通过 继续 点 击 ， 在 细 分 好 的 多 边 形 上 增加 一 个 新 的 顶点 ， 但 是 因 无 
法 确定 添加 在 什么 位 置 ， 所 以 我 们 禁止 了 此 类 操作 。 

现 基于 以 上 描述 来 编写 代码 S。 我 们 需要 一 个 issubdivided 标记 (初始 值 设 为 
false) 告 诉 我 们 用 户 是 否 已 经 完成 了 对 多 边 形 的 细 分 。 在 按 “Clear” 按 钮 时 可 以 重 设 此 
标记 ， 同 时 清除 绘图 区 域 。 如 果 多 边 形 中 尚 无 顶点 ， 细 分 不 产生 效果 。 

我 们 从 测试 平台 代码 的 复制 开始 ， 修 改 XAML， 去 掉 滑 动 条 并 改变 按钮 上 的 文字 : 


1 <StackPanel DockPanel.Dock ="Left™" 

2 Orientation="Vertical" Background="#ECE9D8"> 
3 <TextBlock Margin="3" Text="Controls"/> 

4 <Button Margin="3, 5 HOrivontalnilymientenr et 

沪 人 
6 
7 
8 
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</StackPanel> 





日 ”完整 程序 可 以 在 本 书 网 站 下 载 。 
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现在 我 们 修改 Window1 .xaml .cs 中 的 C# 代 码 。 初 始 时 将 两 个 多 边 形 都 设 为 空 : 


public partial class Windowl : Window 


1 

2 { 

3 Polygon myPolygon = new Polygon(); 

4 Polygon mySubdivPolygon = new Polygon(); 

5 bool isSubdivided = false; 

6 GraphPaper gp = null; 

_ eas 

8 public Windowl () 

9 { 

10 L sse] 

11 initpouy (nyPoLydonylBrushes. Bac 

12 DipoLy (myblogon/ ES rirebrick)y 

13 gp.Children.Add (myPolygon); 

14 gp.Children.Add (mySubdivPolygon); 

15 

16 ready = true; // Now we’re ready to have sliders 
17 // and buttons influence the display. 
18 ’ 


多 边 形 初始 化 程序 将 这 两 个 多 边 形 设置 为 不 同 的 颜色 ， 其 边 取 标 准 线 宽 ， 如 果 相 邻 的 
两 条 边 所 夹 的 角 很 尖锐 ， 则 进行 截断 ， 如 图 4-4 的 下 图 所 示 ， 以 防止 相交 的 尖 角 形成 过 长 
的 斜 接 ( 见 图 4-4 的 中 图 )。 


Private void initPoly(Polygon p, SolidColorBrush b) 
{ 
P.Stroke = b; 
p.StrokeThickness = 0.5;// 0.5 mm thick line 
P.StrokeMiterLimit = 1; // no long pointy bits 
BEEii = nil // at vertices 


图 4-4 如果 将 上 图 中 的 线条 加 粗 ， 就 必然 导致 过 长 的 斜 接 ， 
如 中 图 所 示 。 下 图 中 斜 接 长 度 被 限制 


让 wm 一 


对 点 击 “Clear” 按 钮 事件 的 处 理 很 直观 : 我 们 移 去 每 个 多 边 形 中 的 所 有 顶点 ,将 is- 
subdivided 标识 重新 设置 为 false: 


// Clear button 
public void b2Click (object sender, RoutedEventArgs e) 
{ 
myPolygon.Points.Clear(); 
mySubdivPolygon.Points.Clear (); 
isSubdivided = false; 


e.Handled = true; // don't propagate click further 


让 PP 一 


} 


点 击 “Subdivide” 按 钮 时 的 情形 要 复杂 一 些 : 首先 ， 如 果 多 边 形 已 经 被 细 分 ， 我 们 要 
用 细 分 生成 的 多 边 形 的 顶点 来 替换 myPolygon 的 顶点 。 接 下 来 细 分 myPolygon 并 将 细 
分 结果 放 到 mysubdivPolygon 中 。 细 分 意味 着 ， 对 每 个 顶点 ， 找 到 它 的 前 一 个 顶点 和 后 
一 个 顶点 ， 接 下 来 按照 “2/3 一 1/3” 模 式 组 合 ， 求 出 割 角 点 的 位 置 。( 这 个 组 合 非常 类 似 
于 求 两 个 点 坐标 的 平均 找到 连接 它们 线段 的 中 点 ， 可 以 回忆 初等 几何 相关 内 容 。) 


1 // Subdivide button 
2 public void blClick(object sender, RoutedEventArgs e) 
3 { 





4 Debug.Print ("Subdivide button clicked!\n"); 

if (issubdivided) 

6 ' 

myPolygon.Points = mySubdivPolygon.Points; 

8 mySubdivPolygon.Points = new PointCollection(); 

9 } 

10 

11 int n = myPolygon.Points.Count; 

12 iF (ni > 0) 

13 { 

14 isSubdivided = true; 

1 } 

16 for (4nt 和 = 0 < Dm Et 

17 { 

18 int nexti = ‘(i + 1) S$ n; YA index of next point. 
19 nt 14asti 三 考 才 X= I Yn; / peevicous BoOint 
20 double x = (1.0f/3.0f) * myPolygon.Points[lasti] .x 
21 +(2.0f/3.0f) * myPolygon.Points[i].X 

22 Gouple y = (10f/3.0£) * myPolygon.Points[lasti].Y 
23. +(2.0f/3.0f) * myPolygon.Points[i].Y; 

24 mySubdivPolygon.Points.Add(new Point (x, y)); 

25 

26 x = (1.0f/3.0f) * myPolygon.Points[nexti].X 

27 t(2.0£f/3.0f) * myPeolygon.Points[i] .XxX; 

28 y= (1.0f/3.0f) * myPolygon.Points (nexti].Y 

29 (2:0£73.0£f) 大 myPeolygen.Peoints[i] :Y; 

30 mySubdivPolygon.Points.Add (new Point (x, y)); 

31 } 

32 e.Handled = true; // don’t propagate click further 

33 } 


， 我 们 必须 处 理 鼠 标点 击 。 当 用 户 点 击 鼠 标 时 ， 除 非 此 多 边 形 已 经 细 分 完毕 ,否则 
Rnd erg se ei 点 。 为 此 我 们 检查 issSubdivided 标记 ， 如 果 为 
false， 则 将 这 个 新 点 加 入 Polygon 中 。 


1 public void MouseButtonDownA (object sender, 

2 RoutedEventRArgs e) 
3 { 

4 if (sender != this) return; 

1 System.Windows . Input .MouseButtonEventRArgs ee = 
6 (System.Windows .Input .MouseButtonEventArgs)e; 
7 if (!isSubdivided) 

8 { 

9 myPolygon.Points.Add (ee.GetPosition (gp)); 
10 } 

11 e.Handled = true; 

12 3 

13 } 

14 } 


读者 可 以 运行 程序 ， 看 看 它 的 运行 效果 。 当 你 只 点 击 了 两 个 点 时 ,绘图 区 域 中 
显示 的 多 边 形 看 上 去 像 一 条 线段 。 细 分 后 ， 线 段 看 上 去 会 变 短 。 请 自行 解释 一 下 : 再 次 细 
分 为 何不 会 导致 它 更 短 。 
可 以 对 一 个 3D 多 面体 进行 类 似 的 处 理 ， 通 过 制 角 使 它 变 得 更 光滑 。 是 否 会 变 得 越 来 
越 光滑 呢 ? 我 们 将 在 第 23 章 讨论 这 个 问题 。 现 在 ， 在 发 现 细 分 可 以 很 快 地 磨 光 曲 线 之 后 ， 
你 可 以 问 问 自己 :“ 如 何 确定 割 角 曲线 是 否 会 趋 于 一 个 极限 ?” 这 条 极限 曲线 在 某 个 特定 点 
处 是 否 保 持 光 滑 ?” 这 个 问题 将 在 第 22 章 讨 论 ( 针 对 另 一 不 同 的 细 分 方法 , 但 其 原理 是 类 
似 的 ) 。 
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4.7 讨论 

我 们 已 经 给 读者 介绍 了 一 个 工具 ， 可 用 来 创建 简单 的 WPF 程序 ， 实 践 图 形 学 中 的 想 
法 。 通 过 编写 多 边 形 细 分 程序 ， 我 们 展示 了 该 工具 的 用 法 。 本 章 的 练习 为 你 探索 这 个 测试 
平台 的 功能 提供 了 进一步 的 机 会 ， 与 此 同时 你 还 会 接触 到 一 些 图 形 学 中 的 有 趣 想法 (在 本 
书 之 后 的 章节 中 会 再 次 碰 到 )。 我 们 强烈 建议 你 至 少 完成 两 个 练习 ， 这 样 ， 之 后 应 用 此 框 
架 会 更 加 得 心 应 手 。 

开发 这 个 测试 平台 自然 是 有 原因 的 。 多 年 的 图 形 学 工作 教会 了 我 们 另 一 个 原理 : 

w 首 像素 原理 : 生成 第 一 个 像素 最 难 。 

写 新 的 图 形 学 程序 时 ， 第 一 次 结果 最 常见 的 情形 是 整个 屏幕 一 片 黑 。 这 几乎 不 可 能 进 
行 调试 ， 因 为 无 数 种 情况 都 可 能 导致 这 个 问题 。 一 旦 有 任何 东西 出 现在 屏幕 上 ， 你 的 调试 
工作 就 已 经 初 见 成 效 了 。 因 此 ， 首 先 编写 一 个 程序 ， 让 其 目标 和 你 想 要 做 的 事 有 相似 之 
处 ， 然 后 逐步 修改 ， 直 到 它 所 做 的 就 是 你 想 要 做 的 。 注 意 在 修改 过 程 的 每 一 步 ， 你 都 应 能 
通过 观察 ， 确 定 它 所 做 的 事 符合 你 的 预期 。 上 述 方法 被 证 明 屡 试 不 爽 。 测 试 平台 程序 为 你 
提供 了 一 个 起 点 ， 从 这 个 起 点 出 发 可 以 编写 出 很 多 程序 。 我 们 希望 它 能 够 节省 大 量 的 调试 
时 间 。 


4.8 练习 


4.1 修改 割 角 程 序 ， 将 割断 点 置 于 线段 上 的 1/4 和 3/4 处 。 描 述 所 得 结果 。 

4.2 将 割 角 程序 修改 成 一 个 “对 偶 化 ”程序 ， 将 一 个 多 边 形 置换 成 其 对 偶 多 边 形 ， 所 谓 对 偶 多 边 形 是 以 
原 多 边 形 每 条 边 的 中 点 为 顶点 ， 按 照 原来 的 顺序 连接 而 成 的 多 边 形 ， 因 此 正方 形 的 对 偶 是 萎 形 。 试 
通过 实验 ,判断 反复 对 偶 化 是 否 能 将 一 个 原本 自 相 交 的 多 边 形变 为 正常 的 多 边 形 ? 能 和 否 找到 一 个 多 
边 形 ， 它 的 后 继 对 偶 多 边 形 总 是 自 相 交 ? 

4.3 修改 测试 平台 ， 让 它 只 显示 一 张 图 像 (例如 睡莲 )， 直 到 某 个 按钮 被 点 击 。 而 每 次 点 击 该 按钮 ， 都 会 
显示 一 幅 新 的 图 像 ( 或 循环 显示 四 、 五 幅 图 像 )。 但 要 显示 新 图 像 ， 需 要 更 新 BitmapSource。 这 个 
练习 比 前 面 的 难 一 些 ， 因 为 留 给 你 的 提示 较 少 。 

4.4 阅读 第 5 章 结尾 所 述 的 运动 诱发 的 育 视 (motionrinduced blindness) ， 写 一 个 程序 对 该 现象 进行 实验 ， 
其 中 包括 修改 格子 的 间距 和 颜色 ， 修 改 “消失 ”点 的 颜色 和 尺寸 ， 还 要 修改 格子 旋转 的 速度 。 尝 试 
找到 能 有 效 导致 “ 盲 视 ” 的 参数 设置 。 
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5.1 引言 

眼睛 对 计算 机 图 形 学 起 着 引领 的 作用 : 如 果 没 有 眼睛 ， 图 形 学 将 几乎 毫 无 用 处 ， 因 此 
对 视觉 系统 (visual system) 的 工作 机 理 ， 每 位 图 形 学 工作 者 都 必须 有 所 了 解 。 在 图 形 学 
“完美 ”到 与 真实 无 法 区 分 之 前 ,我 们 应 更 好 地 利用 计算 和 显示 资源 ， 致 力 于 生成 视觉 系 
统 认 可 的 真实 ， 而 不 必 在 眼睛 无 法 察觉 (或 几乎 察觉 不 到 ) 的 细节 差异 上 下 功夫 。 

本 章 介 绍 了 一 些 重要 的 基本 观点 ， 同 时 概述 了 当前 认识 上 的 局 限 。 正 是 由 于 认识 上 尚 
存在 诸多 局 限 ， 人 类 视觉 科学 和 相关 的 机 器 视觉 成 为 当今 活跃 的 研究 领域 。 当 然 ， 我 们 已 
弄 清楚 了 其 中 许多 问题 ， 下 面 会 适当 提 及 。 

视觉 系统 有 强大 的 并 行 处 理 能 力 ， 这 使 得 用 户 可 以 接收 从 计算 机 传递 来 的 大 量 信息 
(但 沿 另 一 方向 : 从 人 到 计算 机 ， 信 息 传 递 的 带宽 却 非常 有 限 ， 虽 然 这 种 局 面 令 人 失望 ， 
但 也 为 巧妙 的 设计 提供 了 机 遇 ， 见 第 21 章 )。 视 觉 系 统一 方面 可 容纳 简陋 或 粗糙 的 数据 
(例如 视觉 系统 可 理解 小 孩 的 笔划 图 或 基于 粗糙 的 照明 模型 绘制 的 图 像 )， 但 另 一 方面 却 对 
数据 非常 敏感 。 事 实 上 ， 眼睛 对 某 些 类 型 的 瑕 竟 极 为 敏感 ， 给 调试 图 形 程 序 带 来 了 特殊 的 
挑战 : 例如， 一 个 很 小 的 错误 (例如 光照 下 球体 的 百 万 像素 的 灰 度 图 像 中 有 一 个 呈现 为 红 
色 的 像素 ) 往 往 一 眼 就 能 发 现 ， 而 百 万 分 之 一 的 错误 在 其 他 计算 任务 中 却 很 难 引起 注意 。 
当然 ， 事 物 也 存在 正 反 两 面 ， 正 如 之 前 提 到 的 : 可 以 采用 图 像 揭 示 程 序 运 行 中 的 大 量 信 
息 ， 因 此 好 的 图 形 程序 员 会 利用 可 视 化 显示 理解 和 调试 代码 。 

Vy 可 视 化 程序 调试 原则 : 利用 可 视 化 显示 帮助 你 调试 和 理解 图 形 程序 。 

在 图 形 学 中 ， 计 算 机 输出 给 用 户 的 是 从 显示 设备 投射 到 用 户 眼睛 的 光 。 显 示 设 备 可 以 
是 传统 的 平板 显示 器 、 投 影 仪 、 头 盔 式 显示 器 ， 或 飞行 员 、 汽 车 司机 的 抬头 式 面 板 。 在 所 
有 情形 中 ， 光 都 需 通 过 眼睛 为 用 户 所 感知 。 人 眼 对 光线 的 反应 由 视觉 系统 处 理 。 

当然 也 存在 其 他 的 交互 模式 : 触觉 (触摸 ) 和 声音 常 作 为 人 机 交流 的 一 部 分 通道 。 但 
是 ,大 部 分 人 机 交流 经 由 视觉 系统 ， 这 是 本 章 专门 讨论 视觉 系统 的 原因 。 视 觉 系统 之 所 以 
占 优 势 ， 部 分 原因 是 与 声音 、 和 触觉、 嗅觉 、 味 觉 相 比 ， 回 视觉 系统 传递 信息 的 光 具 有 其 他 
感知 通道 信息 所 不 具备 的 某 些 特殊 性 能 。 例 如 ， 光 不 会 朝 各 个 方向 发 散 ， 沿 某 一 方向 发 出 
的 光束 只 能 沿 该 方向 传播 ; 光 的 传播 不 需要 介质 ， 光 在 空气 (最 常见 的 介质 ) 中 传播 时 ， 几 
乎 不 受 室 气 的 影响 (注意 ， 空 气 折射 率 是 空气 密度 的 函数 ， 变 化 的 空气 折射 率 可 能 导致 光 
线 扭曲 ， 正 如 天 气 炎 热 时 看 到 沙漠 的 “波动 >) 。 相 反 ,， 产生 味 党 和 嗅觉 的 化 学 物质 不 仅 向 
各 个 方向 发 散 ， 还 会 通过 球 动 的 空气 进行 传播 ; 声音 的 传播 方向 会 因 风 向 的 改变 而 变化 。 
此 外 ， 光 可 以 很 好 地 将 信息 从 源头 传递 到 眼睛 ; 相 比 之 下 ， 和 触觉 只 有 当 传感器 (例如 手指 ) 
接触 到 观测 物体 时 才 起 作用 。 

一 个 极 具 诱 惑 力 的 想法 是 : 在 考虑 视觉 系统 对 外 界 刺激 的 响应 时 ， 可 否 从 不 同方 面 予 
以 简化 ， 从 而 简化 视觉 系统 的 建 模 ? 例如 ， 人 有 眼 对 光 的 处 理 始 于 眼睛 上 的 敏感 细胞 对 光 的 
检测 ， 据 此 可 否认 为 :“ 视 觉 系统 的 响应 仅 由 射 和 人 的 光 决 定 ; 对 相同 模式 的 入 射 光 ， 人 有 眼 
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的 视觉 响应 也 相同 。” 然 而 ， 这 一 论断 在 生理 和 心理 层面 都 是 错 的 。 例 如 ， 在 生理 上 ， 从 
光线 微 暗 的 餐厅 走出 来 晃 望 阳光 沙滩， 人 的 眼睛 会 本 能 地 睐 起 来 。 但 在 室外 停留 几 分 钟 
后 ， 面 对 同一 沙滩 ， 这 种 视觉 生理 或 心理 的 反应 就 不 会 再 出 现 。 在 心理 方面 , 已 经 证 明 ， 
如 果 最 近 某 物体 曾 在 你 面前 出 现 过 ， 则 面 对 一 堆 杂 物 时 ， 你 会 很 快 地 注意 到 其 中 与 它 相似 
的 物体 。 因 此 ， 任 何 视觉 处 理 模 型 不 仅 决 定 于 当前 刺激 ， 也 必须 考虑 近期 刺激 。 更 重要 的 
是 ， 人 的 模式 识别 能 力也 受训 练 和 学 习 的 影响 。 某 个 形状 一 旦 被 学 习 和 识别 过 ， 下 次 再 见 
到 时 就 会 很 快 被 识别 ;典型 的 例子 是 文本 阅读 时 遇 到 的 字符 和 符号 。 视 觉 系统 中 的 每 一 方 
面 都 几乎 同样 复杂 ， 对 此 似乎 找 不 到 一 个 简单 的 解释 。 男 一 方面 , 已 有 大 量 的 实验 证 据 ， 
可 以 帮助 我 们 了 解 视觉 系统 是 干什么 的 [Roc95]。 本 章 聚 焦 于 视觉 系统 及 其 如 何 感知 世界 ， 
但 在 处 理 上 做 了 必要 的 简化 ， 仅 限于 其 对 图 形 系 统 产 生 影 响 的 那些 方面 。 本 章 最 后 简要 地 
评述 了 视觉 系统 与 其 他 感知 模式 之 间 的 关系 ， 如 听觉 和 触觉 。 

每 节 的 结尾 处 都 包含 了 一 、 两 段 标注 为 “应 用 ”的 介绍 ， 描 述 与 本 节 内 容 相关 的 图 形 
学 应 用 。 


5.2 视觉 系统 


人 类 视觉 系统 ( 见 图 5-1) 由 眼睛 (对 入 射 光 进 行 聚焦 ， 并 含有 光敏 细胞 )、 视 神经 
(optic nerve) 和 大 脑 的 视觉 皮层 (visual cortex) 组 成 。 视 觉 皮层 的 准确 功能 尚未 完全 清楚 。 
已 知 部 分 “早期 视觉 ”( 即 视觉 信号 处 理 的 最 初 几 步 ) 可 检测 明度 的 尖锐 对 比 、 表 面 朝 向 
和 颜色 的 细小 变化 ， 以 及 空间 频率 (spatial frequency); 后 者 指 每 厘米 明暗 变化 的 次 数 。 
简 言 之 : 我 们 擅长 于 检测 并 留意 “模式 ”的 变化 。 对 朝向 、 颜 色 或 频率 变化 的 检测 是 局 
部 的 ， 即 指 人 们 对 相 邻 物体 呈现 的 不 同 颜色 很 敏感 ， 但 早期 视觉 系统 并 不 检测 在 我 们 的 
视 域 中 相距 较 远 的 物体 之 间 细 小 的 颜色 差异 。 早 期 视觉 系统 还 有 一 部 分 ， 可 将 局 部 信息 
组 合成 更 大 区 域 的 信息 (例如 , “将 边 的 这 一 小 段 和 下 一 小 段 拼 接 ， 构 成 两 个 区 域 之 间 一 
段 长 的 边界 ”) 。 

视觉 皮层 的 后 面 区 域 负责 检测 运动 、 物 体 ( 如 “这 一 物体 为 前 景 ; 其 他 都 属于 背景 ”)、 
形状 ， 调节 “注意 力 ”(attention)， 以 及 控制 眼睛 (例如 ， 控 制 眼 部 肌肉 帮助 眼睛 追踪 感 
兴趣 的 物体 )。 

图 5-1 的 简化 表达 可 能 引发 误导 : 尽管 在 宏观 上 视觉 系统 确实 呈现 出 “流水 线 ” 结 
构 , 但 其 中 也 有 大 量 并 行 处 理 ， 以 及 从 后 面 层次 向 前 面 层 
次 的 大 量 反 馈 。 

视觉 系统 可 以 非常 好 地 完成 许多 任务 ,例如 ,确定 物 
体 的 大 小 和 方向 而 不 论 视 点 的 当前 位 置 及 与 该 物体 距离 的 
远近 ; 在 不 同 的 光照 条 件 下 辨识 同一 颜色 ; 即便 有 了 噪声 和 
失真 (distortion) 也 能 识别 形状 。 但 它 执 行 有 些 任务 时 会 比 
较 差 .， 例如， 判断 明亮 度 的 绝对 值 、 识 别 平行 线 、 觉 察 位 
置 不 相 邻 但 相同 的 颜色 。 视 觉 系统 的 某 些 优势 和 劣势 似乎 
相互 了 矛盾 : 我 们 很 容易 注意 到 与 周围 背景 明显 不 同 的 一 个 
小 物体 (例如 白色 沙子 上 的 黑色 鹅卵石 )， 但 也 很 容易 忽略 
有 异 于 周围 背景 的 许多 东西 ; 这 使 我 们 可 以 投入 地 观看 胶 
片上 包含 很 多 斑点 、 划 痕 和 噪声 的 老 电影 。 从 进化 论 的 观 
点 可 以 自然 地 解释 视觉 系统 的 这 种 特殊 “本 领 ”"， 常 采用 的 ”图 5-1 视觉 系统 的 组 成 部 分 
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例证 是 ， 视 觉 系 统 帮 助人 类 寻找 食物 并 避 开 捕食 动物 ? 。 因 此 ， 人 类 对 运动 非常 敏感 (有 助 
于 帮助 发 现 正 在 试图 伪装 自己 的 捕食 动物 )， 却 不 擅长 记 住 颜色 。 视 觉 系 统 能 在 不 同 光照 
条 件 下 轻易 地 判断 颜色 的 相似 性 (以 便 在 中 午 和 黄昏 时 识别 食物 ， 生 在 香 奉 的 一 部 分 在 光 
照 下 、 男 一 部 分 处 于 阴影 之 中 时 能 识别 出 它们 都 是 香 巷 )。 视 觉 系 统 在 深度 判定 方面 也 不 
错 ， 尤 其 是 邻近 物体 的 深度 ,这 在 伸手 去 摘 浆果 或 水 果 时 有 助 于 协调 手 的 运动 。 如 果 完 全 
忽略 认 知 系统 的 意识 方面 的 作用 ， 手 眼 协调 堪 称 神奇 ， 它 实际 上 是 多 个 系统 高 效 协同 的 结 
果 ， 对 运动 员 的 动作 或 工匠 的 操作 而 言 尤 为 出 色 。 

第 28 章 将 广泛 讨论 颜色 感知 的 细节 ， 本 章 只 做 简单 的 介绍 。 同 样 ， 运 动 的 感知 将 在 
第 35. 3. 2 节 中 集中 讨论 。 

人 们 往往 相信 : 我 们 知道 怎样 “看 ”。 壁 如 说 ， “显然 ， 我 会 根据 颜色 相似 性 寻找 物 
体 ， 例 如 一 棵 树 上 的 树叶 ， 然 后 将 它们 归 为 具有 某 种 一 致 性 的 整体 ， 这 样 树叶 和 校 干 就 被 
认为 属 不 同 的 组 .” 但 是 ,“ 显 然 ” 的 不 一 定 是 真实 的 。 稍 加 体验 一 下 各 种 “ 视 错 觉 ”(op- 
tical illusion) 就 会 理解 这 一 点 LBac]。 

视觉 系统 的 功能 与 计算 机 图 形 学 直接 相关 。 在 图 形 学 中 ， 一 个 经 常会 提 的 问题 是 ， 
“所 生成 的 图 像 与 理想 图 像 在 视觉 感知 上 是 否 有 差异 ,或 者 两 者 在 观察 者 看 来 是 否 足够 相 
似 因 而 不 需要 做 进一步 的 计算 ?” 这 意味 着 ， 绘 制 与 显示 是 否 完美 ， 其 最 终 评判 标准 是 感 
知 。 测 量 两 幅 图 像 间 的 相似 性 有 一 种 简单 方法 (计算 两 幅 图 像 中 所 有 对 应 像素 的 像素 值 的 
差 ， 求 其 平方 和 ， 再 取 平 方 根 ;这 种 方法 称 为 方差 和 .、L 上 ? 差 或 L? 距离 ) 。 然 而 ， 这 种 差 
异 度量 并 不 总 是 符合 两 幅 图 像 在 视觉 感知 上 的 实际 差异 。 图 5-2 给 出 了 一 个 灰 度 图 像 的 例 
子 : 上 、 中 、 下 三 幅 图 像 的 分 辨 率 都 是 41X41， 上 图 中 所 有 像素 的 值 均 为 118( 像 素 取 值 
范围 从 0[ 黑 ] 一 255[ 白 ]) ， 中 图 所 有 像素 的 值 均 为 128， 下 图 中 除 中 央 像 素 值 为 是 255 外 ， 
其 余 像 素 的 值 都 是 118。 上 图 与 中 图 的 于 距离 与 上 图 与 下 图 之 间 的 L* 距离 几乎 相等 。 但 
是 下 图 看 上 去 明显 不 同 。 

在 开发 某 种 距离 函数 以 度量 两 幅 图 像 在 感知 
上 的 差异 方面 , 已 有 大 量 研 究 工 作 [LLCW03], 但 
仍 有 很 多 工作 要 做 。 与 此 同时 ， 也 提出 了 一 些 可 
以 指导 设计 的 有 用 的 规则 。 后 面 将 要 介绍 的 视觉 
系统 的 对 数 灵 敏 度 (logarithmic sensitivity) 指 出 ， 
视觉 系统 在 黑暗 区 域 比 在 光亮 区 域 对 辐射 度 的 误 
差 ( 一 定量 级 内 ) 更 敏感 。 视 觉 系统 的 局 部 适应 性 
(local adaptability) 意 味 着 亮度 的 变化 往往 比 其 绝 
对 值 更 受 关注 (如 图 5-2 所 示 ); 在 画面 设计 时 如 
果 能 选择 ， 应 优先 考虑 图 像 的 梯度 (gradient， 即 图 5-2 三 幅 41 关 41 像素 的 图 像 。 上 图 像素 























亮度 的 局 部 变化 ) “是 亮度 的 绝对 值 。 值 都 是 118; 中 图 的 像素 值 都 是 128; 
EN 下 图 居中 一 点 的 像素 值 是 255， 其 余 
我 们 对 物体 的 感知 与 光照 环境 几乎 无 关 ( 例 如 ， 无 距离 几乎 相等 ， 显然 这 不 符合 人 有 眼 


论 物体 在 明亮 阳光 或 者 黄 措 的 余 光 下 ， 都 可 以 被 的 对 “感知 相同 ”的 理解 





日” 交配 和 避 开 障碍 物 也 是 可 能 的 原因 。 
昌 与 之 非常 相近 的 是 均 方 根 距离 ， 指 每 个 像素 的 L? 距离 。 
昌 ”辐射 度 是 衡量 光 的 一 个 物理 量具 体 细节 将 在 第 26 章 中 叙述 。 
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准确 地 识别 ); 其 次 ,系统 的 早期 视觉 部 分 用 于 检测 边 ( 不 同 亮度 区 域 间 的 边界 )， 并 且 将 
它们 整合 拼接 ， 以 便 大 脑 从 整体 上 进行 感知 。 由 此 看 
来 ， 若 各 图 像 之 间 对 应 像素 的 亮度 之 比 在 局 部 区 域内 
近乎 常数 ， 且 这 些 图 像 中 的 “ 边 ” 都 分 布 在 相同 位 置 ， 
则 可 认为 这 些 图 像 是 相似 的 。“ 局 部 ”的 含义 与 观看 图 
像 的 方式 有 关 : 在 每 个 像素 对 人 了 眼 所 张 的 夹 角 为 1 时， 
“局 部 ”可 能 指 “ 几 个 像素 的 宽度 ";， 如 果 每 个 像素 相 
对 人 眼 的 视角 为 0.01，“ 局 部 ”可 能 意味 着 “ 几 百 个 
像素 "。 实 际 上 ,在 某 个 距离 上 看 上 去 相似 的 两 幅 图 
像 ， 从 另 一 个 距离 去 看 却 不 相似 。 一 个 简单 的 例子 是 : 
一 个 黑白 棋盘 和 一 灰色 和 矩形， 靠近 时 两 者 明显 不 同 ， 
但 从 远 处 (足以 使 视觉 系统 无 法 区 分 棋盘 中 的 单个 方 


: > 2 ivaz 一 此 下 杂 
岁 ) 滑 却 难 以 区 分 。Olva[OTS06J] 捕 述 了 一 些 更 复杂 0 。。 好 渤 帮 时 为 妆 国 其 冯 (i 





的 例子 ( 见 图 5r3) stein) 远 看 却 为 玛丽 莲 。. 梦 

应 用 : 上 面 讲 的 与 图 形 学 有 多 大 关系 ? 图 形 学 主 露 (Marilyn Monroe) (图像 由 
要 让 人 们 感觉 到 他 们 正在 计算 机 显示 屏 上 观看 某 些 特 麻 省 理工 守 院 CMIT) 的 Aude 
定 的 物体 ， 这 一 点 很 重要 。 另 一 方面 ， 基 于 我 们 对 视 te 


觉 系 统 有 限 的 认识 ， 调 整 生成 的 图 像 来 影响 视网膜 层次 上 的 感知 可 能 相对 容易 ， 而 要 通过 
调整 来 影响 人 对 整个 物体 的 感知 则 更 具 挑 战 性 ， 极 易 导 致意 料 之 外 的 结果 。 此 外 ， 低 层次 
视觉 (low-level vision) (视觉 系统 中 负责 检测 的 部 分 ， 如 察觉 特定 区 域 光 亮度 的 急剧 变化 ， 
早期 视觉 部 分 即 典型 的 低层 次 视觉 ) 和 高 层次 视觉 (high-level vision) (负责 形成 假设 的 部 
分 ， 如 “正在 看 一 个 带 有 图 案 的 曲面 2 之 间 存 在 某 种 交互 ， 但 其 交互 机 制 尚 不 清楚 。 
Mumford 在 一 篇 关于 模式 理论 的 文章 LMum02] 中 引用 了 一 个 听觉 系统 中 著名 的 类 似 例 子 : 
心理 学 家 记录 了 多 种 句子 ， 如 “The heel is on the shoe” “The wheel is on the car” “The 
peel is on the orange”， 然 后 用 噪声 替换 这 些 句 子 中 第 二 个 单词 的 第 一 个 音素 ， 如 “The 
#eel is on the shoe”， 其 中 直 表示 噪声 。 听 这 些 句 子 的 测试 者 感知 到 的 仍 是 原始 的 句子 而 
不 是 用 噪声 替换 过 的 句子 ， 他 们 并 没有 注意 到 句 中 音素 的 缺失 。 因 此 ， 如 同 Mumford 指 
出 的 ， 真 实 的 听觉 信号 并 没有 到 达意 识 层 面 。 但 替补 的 音素 只 能 依据 听 到 句子 的 上 下 文 确 
定 。Mumford 推测 ， 在 很 多 情况 下 ， 视 觉 以 相同 的 方式 运行 : 虽然 低层 次 信息 是 从 所 见 
画面 中 提取 ， 但 有 时 ， 人 通过 部 分 地 整合 低层 次 信息 而 形成 高 层次 理解 会 影响 视觉 系统 对 
低层 次 信息 的 处 理 方式 。 例 如 ， 当 看 到 一 个 人 靠 着 栏杆 ， 你 就 会 不 假 思 索 地 假设 在 人 背后 
的 栏杆 是 连续 的 。 当 你 透 过 旋转 中 的 风扇 叶片 看 到 某 个 物体 ， 会 将 不 同时 刻 看 到 的 各 部 分 
拼合 成 整体 ， 而 不 会 认为 某 个 瞬间 被 遮挡 的 部 分 与 片刻 之 后 在 同一 位 置 所 看 到 的 未 被 遮挡 
的 部 分 无 关 。 由 于 高 层次 视觉 和 低层 次 视觉 之 间 存 在 这 些 交互 ， 我们 将 主要 关注 易于 理解 
的 低层 次 视觉 。 

我 们 真 的 “看 到 ”了 东西 吗 ? 较 确 切 的 说 法 是 ， 我们 的 视觉 系统 基于 视觉 输入 构建 了 
一 个 场景 模型 ， 而 模型 的 形成 过 程 综 合 了 感知 和 认 知 ， 通 过 消除 模型 与 感知 数据 之 间 的 明 
显 抵触 之 处 (正如 实验 中 Mumford 描述 的 那样 )， 最 终 在 大 脑 中 形成 了 对 该 物体 的 假设 
(“我 看 到 了 这 个 物体 !1”)。 如 果 对 所 见 物 体 的 假设 与 观察 者 的 认 知 不 相符 (“ 那 不 可 能 是 一 
只 正在 飞 的 大 象 !”)， 上述 过 程 可 能 会 有 有 反复。 因此， 视觉 的 最 终结 果 是 大 脑 中 构建 的 模 
型 ， 而 不 是 客观 实体 。 





5.3 眼睛 


抛 开 我 们 对 视觉 系统 的 有 限 理 解 ， 眼 睛 的 某 些 生理 特点 也 会 限制 视觉 的 功能 ， 了 解 这 
些 特点 可 以 帮助 我 们 更 好 地 掌控 图 形 系统 的 设计 。 例 如 ， 眼 睛 受 限 于 可 察觉 的 最 小 亮度 差 
(smallest detectable brightness) 和 最 小 角度 分 辩 率 (smallest angular resolution ) 。 如 果 某 
显示 器 像素 可 显示 的 亮度 等 级 小 于 人 眼 可 察觉 的 最 小 亮度 差 . 或 者 其 像素 对 人 眼 所 张 视角 
为 眼睛 最 小 角度 分 辨 率 的 1/10， 那么 该 显示 器 的 复杂 性 就 超出 了 必要 。 我 们 假定 眼睛 的 功 
能 止 于 视神经 ， 视 神经 和 视觉 皮层 构成 视觉 系统 的 其 余部 分 。 


5.3.1 眼睛 的 生理 机 能 


眼睛 由 一 个 球形 物体 和 依附 于 它 的 各 种 肌肉 和 周围 的 软组织 组 成 ， 被 头盖骨 固定 在 适 
当 的 位 置 ( 见 图 5-4) 。 







玻璃 体 


房 水 视网膜 


眼 肌 
图 5-4” 光 由 瞳孔 进入 眼睛 ， 经 过 蝇 状 休息 璃 体 ， 最 后 达到 视网膜 


对 两 眼 旋 转 的 控制 由 视觉 系统 协调 ， 并 将 两 眼 视网膜 (retina) 上 接收 到 的 光 整 合成 单 
一 的 视图 ; 场景 在 左 、 右 眼 上 形成 视图 通常 是 不 同 的 ， 它 们 间 的 视差 有 助 于 我 们 估计 场景 
中 景物 的 深度 。( 很 容易 做 一 个 实验 对 此 进行 验证 : 在 房间 的 墙 上 标记 一 个 点 ， 在 标记 点 
和 观察 者 之 间 放 若干 个 距离 不 等 的 物体 。 然 后 从 标记 点 开始 ， 交 替 遮 住 左 眼 和 右 眼 ， 依 次 
观察 各 物体 。 注 意 随 着 眼睛 的 转换 ， 离 观察 者 近 的 物体 在 左 、 右 眼 视图 上 的 位 置 似 在 
移动 。) 

从 宏观 上 看 ， 从 物体 发 出 的 发 射 光 (电灯 泡 ) 或 反射 光 ( 桌 子 上 的 书 ) 经 过 瞳孔 (pupil)、 
晶状体 (lens) 和 玻璃 体 (vitreous humor) (眼球 中 凝 胶 状 的 液体 )， 到 达 视 网 膜 。 其 路 径 可 用 
位 于 发 光 体 和 成 像 平面 之 间 的 一 简单 透镜 来 模拟 ( 见 图 5-5)。 物 体 发 出 的 光 包 含 多 根 光 线 ， 
这 些 光线 从 不 同位 置 射 人 晶状体 ， 在 进入 和 离开 晶状体 时 光线 发 生 折 射 ( 偏 折 )， 最 后 所 有 
光线 在 透镜 另 一 侧 的 某 个 点 再 次 汇聚 (如 果 透 镜 形 状 合适 )。 若 该 点 正好 位 于 成 像 平 面 上 ， 
就 称 物体 “准确 对 焦 ” (in focus)。 如 果 聚 焦点 不 在 成 像 平面 上 ， 则 这 些 光线 在 成 像 平面 
上 形成 一 个 暗 的 圆 盘 ， 而 不 是 一 个 亮点 。 如 果 成 像 平 面 是 数码 相机 的 传感器 阵列 ， 则 B 点 
会 因 失 焦 而 显得 模糊 。 

所 有 光线 汇聚 到 一 个 点 的 过 程 取 决 于 折射 率 (index of refraction)( 见 第 26 章 )， 它 描 
述 了 光 从 空气 到 透镜 再 从 透镜 到 空气 偏 折 的 程度 ， 与 光 的 波长 无 关 。 但 大 部 分 材质 的 折射 
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率 随 着 人 射 光 波长 的 不 同 而 略 有 变化 ， 这 使 得 当 某 种 颜色 的 物体 正好 对 焦 时 ， 另 一 种 颜色 
的 物体 却 不 然 ， 例 如 通过 放大 镜 观 看 物体 时 ， 物 体 边缘 会 呈现 彩虹 色 。 


4 = B = | 
a) b) 


图 5-5 从 点 A 发 出 的 光 到 达 右 边 的 成 像 平 面 时 肾 焦 ， 点 B 发 出 的 光 没 有 聚焦 


由 于 眼睛 中 晶状体 的 形状 可 以 略微 改变 ， 视 觉 系 统 可 以 通过 聚焦 / 失 焦 机 制 检测 物体 
到 眼睛 的 距离 ， 至 少 可 以 检测 近 处 物体 的 距离 (对 远 处 物体 ， 失 焦 现 象 不 太 明 显 )。 基 于 深 
度 的 失 焦 与 透镜 的 球面 直径 有 关 。 直 径 越 小 ， 位 于 焦距 之 内 的 深度 范围 (摄影 中 称 为 景深 ) 
越 大 ; 直径 越 大 ， 景 深 就 越 小 。 理 想 的 针 孔 相机 中 ， 光 通过 无 穷 小 的 洞 到 达成 像 平面 ， 因 
而 景深 无 穷 大 ; 当然， 这 种 理想 相机 没有 汇聚 光 的 能 力 。 而 人 眼 的 瞳孔 可 以 调整 。 光 线 暗 
时 ,瞳孔 扩大 ， 汇 集 更 多 光 ,， 但 景深 减 小 ; 在 明亮 光线 下 ， 瞳 孔 缩小 ， 景 深 增 大 。 然 而 ， 
与 普通 人 认识 相反 的 是 ， 在 适应 大 范围 的 亮度 变化 时 ,瞳孔 调整 几 无 效果 ， 这 是 因为 瞳 筷 
面积 至 多 可 改变 10 倍 ， 而 日 常 经 历 中 入 射 到 人 眼 的 最 大 辐射 度 与 最 小 辐射 度 之 比 可 相差 
10 个 数量 级 ; 不 过 ， 人 眼 反 应 很 迅速 ， 对 短期 调整 瞳孔 非常 有 效 。 长 期 调整 则 是 一 个 光 
感受 器 (receptor) 上 的 化 学 过 程 。 


5. 3.2 眼睛 中 的 光 感 受 器 


眼睛 后 侧 表面 的 一 大 部 分 为 视网膜 ， 它 覆盖 有 能 对 到 达 视 网 膜 的 光 做 出 反应 的 细胞 。 
这 些 细胞 主要 分 为 两 组 : 杆 细 胞 (rod) 和 锥 细胞 (con)， 在 第 28 章 会 进一步 讨论 。 杆 细胞 
负责 对 微 暗 光 的 检测 (例如 ， 夜 晚 视力 )， 锥 细胞 负责 对 明亮 光 的 检测 。 锥 细胞 分 三 种 类 
型 ， 分 别 对 不 同 波长 的 光线 敏感 ;， 它们 结合 起 来 形成 颜色 视觉 (在 第 28 章 会 进一步 讨论 ) 。 
在 数量 上 杆 细 胞 大 大 多 于 锥 细胞 (两 者 比例 大 约 为 20 : 1)， 两 者 在 视网膜 上 的 分 布 也 不 均 
匀 : 在 正 对 瞳孔 的 中 央 凹 (fovea) 处 ， 锥 细胞 非常 密集 。DeeringLDee05 详细 叙述 了 两 类 细 
胞 的 分 布 ， 并 给 出 了 眼睛 对 光线 反应 的 计算 模型 。 视 网 膜 上 男 一 个 特殊 区 域 是 视盘 (optic 
disk)， 视 神经 通过 它 与 眼睛 相连 。 视 盘 上 没有 杆 细胞 和 锥 细胞 。 尽 管 如 此 ， 当 人 向 四 周 
看 时 ， 并 没 意 识 到 视野 内 存在 “盲点 ”(blind spot); “盲点 ”是 高 层次 处 理 屏 蔽 (或 者 填 
充 ) 低 层次 信息 细节 的 例子 。 盲 点 一 直 都 存在 ， 如 果 刻 意 去 注意 它 ， 会 使 你 时 常 分 心 。 





最 近 ， 人 们 发 现 眼 睛 中 存在 另 一 组 细胞 ， 这 些 细胞 主要 对 光谱 的 蓝 色 区 域 做 出 反 
应 ; 这 些 反应 并 不 通过 视神经 进行 传导 ， 也 不 到 达 视 觉 皮层 。 哺 乳 动物 用 这 些 细 胞 控 
制 生 理 节 律 。 





眼睛 中 的 视觉 细胞 检测 到 光 后 触发 视觉 系统 反应 ; 粗略 地 说 ， 到 达 视 觉 细 胞 的 光 每 增 
加 一 倍 ， 引 发 的 刺激 响应 也 将 增加 相同 的 数量 。 如 果 光 源 B 与 光源 A 几何 上 完全 相同 ， 
但 看 上 去 光源 B 的 亮度 只 有 光源 A 亮度 的 一 半 ， 则 光源 B 发 出 的 能 量 大 约 是 光源 A 能 量 
的 18%。 如 果 光 源 C 发 射出 的 能 量 是 B 的 18%， 则 C 的 亮度 大 约 是 B 的 一 半 ， 等 等 。 这 
种 对 数 响应 机 制 有 助 于 人 眼 处 理 日 常生 活 中 遇 到 的 大 范围 光照 。 在 第 28 章 我 们 会 对 光亮 
度 的 感知 做 进一步 讨论 。 视 觉 系 统 的 对 数 响 应 也 决定 了 显示 技术 的 若干 方面 : 一 台 实 用 的 
显示 器 必须 能 呈现 宽广 范围 的 亮度 ， 这 个 亮度 范围 不 应 该 按 亮度 值 均匀 划分 ， 而 应 该 使 按 
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相 邻 区 间 的 亮度 之 比 为 常数 。 上 述 概念 推动 了 图 像 伽 马 校 正 (Cgamma correction) 的 想法 ， 
将 在 第 28 章 中 讨论 。 明 亮度 (brightness) 用 于 描述 人 感知 到 的 光 的 亮度 ; 与 之 相反 ， 我 们 
通常 称 之 为 “光亮 度 ”(intensity) 的 量 是 对 光 的 辐射 度 值 的 精确 测量 ,将 在 第 26 章 详细 介 
绍 。 前 面 已 提 到 过 ， 其 他 条 件 都 相同 时 ， 明 亮度 大 致 与 辐射 度 的 对 数 成 正比 。 

一 般 说 来 ， 眼 睛 能 适应 周围 的 光照 环境 。 当 夜晚 在 卧室 阅读 时 ， 你 的 眼睛 会 适应 房间 
内 的 光照 明 ， 适 应 正在 阅读 的 那 页 书 的 光亮 度 ;， 当 关 灯 睡觉 后 ， 房 间 内 的 所 有 东西 都 黑 
了 ， 此 时 书页 的 光亮 度 远 低 于 眼睛 曾 适应 的 光亮 度 范围 。 几 分 钟 之 后 ， 由 于 月 光 的 照射 ， 
你 开始 能 够 区 分 房间 中 的 物体 ， 这 是 因为 眼睛 开始 适应 新 的 更 低 的 亮度 。 如 果 打 开 灯 重新 
阅读 ， 书 页 刚 开 始 会 显得 非常 亮 ， 直 到 眼睛 重 二 生生 让 
新 适应 。 亮 原始 反应 

眼睛 中 的 视觉 细胞 对 光 的 感知 并 不 是 完全 | 暗 
独立 的 。 当 眼睛 大 致 适应 了 环境 光照 明 后 ， 到 一 
达 某 一 视觉 细胞 的 一 东 额 外 光 不 仅 增加 了 该 细 




















胞 的 明亮 度 感知 ， 也 稍稍 降低 了 邻近 视觉 细胞 相 邻 感受 器 的 抑制 

的 敏感 度 ， 通 常 称 之 为 侧 向 抑制 (lateral inhibi- 

tion) 效 应 。 其 结果 ( 见 图 5-6) 是 ,与 明暗 区 域 a 

内 部 的 对 比 度 相 比 ， 两 区 域 的 边界 对 比 度 增 强 : 

边界 暗 的 一 侧 看 上 去 更 暗 ， 亮 的 一 侧 看 上 去 更 a 

亮 。 这 就 是 1.7 节 讨 论 的 马赫 带 (the Mach ban- 一 一 原始 反应 -抑制 效果 

ding) 效 应 的 缘由 。 ES 
上 面 介绍 的 现象 对 计算 机 图 形 学 有 重要 影 i 


响 。 在 早期 的 图 形 系统 中 ， 多 边 形 通常 采用 
“ 单 色 填 充 ”(flat shaded) 模 式 ， 造 成 屏幕 上 大 图 5-6 明暗 区 域 感受 器 的 原始 反应 (上 面 ， 蓝 





块 区 域 取 单 一 颜色 。 当 沿 某 方向 的 光照 射 在 圆 线 表 示 )， 相 邻 感受 器 的 抑制 效果 (中 
间 ， 红 线 表 示 )， 以 及 下 面 绿 线 表 示 的 

OA 两 者 差 值 ， 即 实际 反应 。 可 以 看 到 ， 用 
的 每 个 子平 面 的 着 色 结 果 与 其 法 向 有 关 ， 但 子 虚线 表示 的 明暗 边界 的 对 比 度 增强 
平面 内 部 的 着 色相 同 。 此 时 ， 人 有 眼 在 识别 时 ， 
非但 没有 将 相 邻 子 面 的 颜色 混合 ， 相 反 会 增强 全 
子平 面 边 界 之 间 的 差异 ， 凸 显 出 边界 的 面 结构 。 100 | BO 

注意 到 人 眼 对 边界 有 较 强 的 敏感 度 ， 自 然 / 。AE 诈 应 


7 亮光 水 平 


会 疑惑 眼睛 到 底 可 以 检测 多 小 的 边界 。 我 们 可 1 

以 绘制 一 条 黑白 交替 的 平行 条 带 ， 然 后 逐渐 将 刺激 

它 移动 ， 远 离 眼 睛 直到 它 看 上 去 像 灰 色 的 。 此 图 5-7 已 适应 上 暗 光 的 眼睛 对 低 刺激 水 平 光 饱 和 
时 ， 两 个 相 邻 带 条 与 眼睛 的 夹 角 大 约 为 1. 6 分 ee et dt 


弧度 (分 (minute) 是 1 的 1/60)。 WU 


眼睛 中 的 光 感 受 器 在 生化 上 可 适应 当前 注视 场景 的 整体 亮度 。 对 于 常见 的 不 同 亮度 等 
级 的 光照 ， 眼 睛 可 辨识 局 部 区 域内 大 约 为 100 : 1 的 亮度 差异 。 如 图 5-7 所 示 ， 人 眼 在 其 
每 个 适应 层 上 只 能 识别 有 限 亮度 范围 内 的 入 射 光 。 男 一 方面 ， 眼 睛 可 以 快速 适应 一 定 范 围 
内 的 光照 变化 ， 因 此 ， 即 使 在 阳光 明媚 的 室外 仍 能 在 黑暗 的 背包 中 快速 寻找 铅笔 。 但 对 光 

















加 ”我 们 用 光亮 度 这 个 术语 非 正 式 地 描述 离开 书页 并 到 达 人 有 眼 的 光 能 。 








人 类 视 常 感知 简介 85 





照 急剧 降低 的 情形 ， 由 于 涉及 眼睛 感光 细胞 中 的 化 学 变化 ， 完 全 适应 大 约 需 要 半 个 小 时 。 
适应 之 后 ， 人 有 眼 可 以 辨识 非常 低 的 光照 亮度 ; 可 辨识 的 白天 最 明亮 的 光照 亮度 和 夜晚 最 微 
瞳 的 光照 亮度 之 比 可 超过 1 000 000 : 1。 很 多 显示 器 播映 的 广告 对 比 度 取 10 000 : 1; 而 眼 
睛 只 能 识别 大 约 100 : 1 的 对 比 度 ， 那 设置 这 个 对 比 度 意义 何在 ? 这 是 因为 眼睛 的 自 适 应 
功能 具有 区 域 局 部 性 : 从 无 灯光 的 卧室 透 过 小 窗户 向 阳光 明媚 的 室外 凝视 时 ， 眼 睛 中 的 一 
部 分 可 以 辨识 房间 内 不 同 明亮 度 的 物品 ， 男 一 部 分 则 可 辨识 室外 不 同 明亮 度 的 景物 。 为 了 
产生 同样 的 感知 ， 显 示 器 也 必须 能 对 人 眼 不 同 区 域 形 成 类 似 的 刺激 。 一 个 有 关 感 知 的 极端 
例子 是 : 晴朗 的 夜晚 ， 你 可 能 看 到 一 颗 3 等 (magnitude-3) 星 ， 与 此 同时 清晰 地 看 到 月 亮 ; 
月 亮 的 星 等 大 约 为 一 12.5。 由 于 两 颗 恒 星之 间 5 个 星 等 差 表 示 它 们 亮度 上 相差 100 倍 ， 因 
此 这 颗 3 等 星 与 月 亮 的 亮度 差 大 约 为 1 000 000 倍 。 人 但是， 倘若 月 亮 在 视野 中 离 3 等 星 非 
常 近 ， 则 几乎 肯定 看 不 到 这 颗 3 等 星 。 

应 用 : 视觉 系统 在 检测 物体 的 距离 时 存在 两 种 不 同 的 机 制 : 眼睛 的 聚焦 和 两 眼 的 视差 
(parallax)。 这 意味 着 向 眼睛 输入 不 同 的 数据 时 ,会 形成 不 同 的 距离 感 。 例 如 ， 如 果 让 用 
户 戴 一 副 眼镜 ， 眼 镜 的 镜片 用 独立 的 显示 器 代替 ， 当 两 个 显示 器 呈现 不 同 的 图 像 时 ， 用 户 
会 感觉 看 到 了 距离 不 同 的 物体 ， 他 正 置身 于 3D 之 中 ， 从 而 形成 “立体 ”(stereo) 效 果 。 但 
是 ， 要 观察 两 幅 不 同 的 图 像 ， 双 眼 必 须 在 相隔 只 有 几 英 十 (或 者 采用 透镜 技术 使 之 看 上 去 
稍 远 ) 的 显示 器 上 聚焦 。 眼 睛 对 这 两 种 深度 的 感知 相互 矛盾 ， 以 致 对 一 些 用 户 而 言 ， 他 们 
获得 “3D 显示 ”的 经 历 并 不 愉快 。 

注意 到 眼睛 能 自动 适应 周围 光 的 亮度 ， 且 适应 后 眼睛 只 能 辨识 有 限 动态 范围 内 的 入 射 
光 ， 这 意味 着 我 们 无 需 构 建 具 有 极 高 像素 对 比 度 的 显示 器 。 当 然 ， 若 显示 器 可 在 宽广 范围 
内 调整 其 平均 亮度 ， 会 很 有 帮助 。 另 一 方面 ， 它 意味 着 当 我 们 在 显示 一 些 很 亮 的 景物 时 ， 
如 透 过 树叶 的 阳光 ， 可 以 略 去 太阳 光 附 近 像 素 中 的 大 部 分 细节 ， 原 因 是 眼睛 对 太阳 光亮 度 
产生 局 部 适应 后 会 “忽视 ”叶子 细微 的 亮度 变化 。 

由 于 眼睛 中 的 光 感 受 器 聚集 于 视野 中 心 附 近 ， 这 意味 着 周围 景物 的 显示 可 不 必 太 精 
确 。 不 过 ， 由 于 眼睛 对 周边 视 域 中 的 运动 很 敏感 ， 因 此 也 不 能 过 于 草率 。 

由 于 眼睛 对 边界 的 敏感 性 ， 我 们 需要 提供 足够 多 的 亮度 等 级 才能 生成 明显 光滑 的 图 像 。 


5.4 恒 常 性 及 其 影响 


视觉 系统 从 接收 到 的 光 获 得 对 周围 世界 的 感知 (“ 那 边 靠 近 红色 卡车 的 是 我 的 车 ”)。 这 
一 过 程 非常 鲁 棒 ， 即 使 进入 眼睛 的 图 像 变 化 很 大 ， 感 知 结果 却 几乎 不 变 : 无 论 在 明亮 的 阳 
光 下 、 尘 雾 中 或 者 深夜 ;无论 站 在 3 英尺 远 还 是 300 英尺 之 外 ， 你 都 可 以 识别 出 靠近 红色 
卡车 的 你 的 车 (即使 站 在 300 英尺 之 外 ， 你 也 不 会 说 “天 哪 ， 我 的 车 变 小 了 1”)。 无 论 从 前 
面 、 左 边 、 右 边 还 是 后 面 看 ， 也 都 可 以 识别 它 ， 而 不 会 说 “ 它 变 形 了 1!1” 

从 另 一 方面 看 ， 引 起 这 些 恒定 感知 的 刺激 十 分 不 同 : 晚上 从 车 发 出 的 进入 眼睛 的 光 和 
正午 时 分 很 不 同 。 晚 上 进入 眼睛 的 光 较 弱 ， 并 可 能 包含 有 许多 短波 成 分 (这 些 短波 成 分 呈 
蓝 色 )， 例 如 路 灯 为 水 银 灯 时 。 此 时 ， 眼 睛 中 各 种 细胞 对 光 做 出 响应 ( 杆 细胞 开始 识别 人 射 
光 的 亮度 等 级 并 对 位 于 该 范围 内 的 光 做 出 反应 )。 视 觉 皮层 也 必须 做 一 些 有 趣 的 事情 ， 以 
便 产 生 相 同 的 总 体感 知 。 当 然 ， 此 时 所 获得 的 感知 并 非 完 全 相同 : 你 知道 是 在 晚上 看 到 这 
辆 车 而 不 是 在 白天 ， 你 当然 不 会 相信 车 的 颜色 会 因为 光照 的 变化 而 改变 。 这 就 是 颜色 不 变 
性 (color constancy) 的 一 个 实例 。 类 似 地 ， 你 不 会 相信 车 的 形状 或 者 大 小 会 因为 视点 的 不 
同 而 改变 ; 这 是 形状 不 变性 (shape constancy) 和 大 小 不 变性 (size constancy) 的 例子 。 
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恒 常 性 这 个 性 质 非常 好 (在 避免 认 知 混乱 方面 )。 不 过 ,人 恒 常 性 也 使 人 类 的 视觉 系统 处 
理 某 些 事 并 不 如 意 ， 而 其 他 视觉 系统 (例如 ， 数 码 相机 ) 却 做 得 很 好 。 正 如 之 前 提 到 的 ， 我 
们 很 难 可 靠 地 判定 两 种 颜色 是 否 相 同 ， 除 非 这 两 种 颜色 靠 得 很 近 。 但 数码 相机 却 可 轻 而 易 
举 地 做 出 判断 。 由 于 我 们 研究 的 是 图 形 学 ， 因 而 明确 什么 样 的 “视觉 系统 ”将 评判 我 们 生 
成 的 图 像 很 重要 : 如 果 由 人 眼 评判 ， 分 布 在 相距 较 远 的 面 片 间 的 小 的 颜色 误差 也 许 无 关 紧 
要 ， 但 若 要 采用 计算 机 生成 的 图 像 来 测试 通常 面向 数码 相机 图 像 的 计算 机 视觉 系统 ， 这 种 
误差 会 立即 凸显 出 来 。 

失败 的 例子 对 理解 一 个 系统 十 分 有 益 ( 例 如 ， 我 们 常 通过 失败 的 例子 调试 程序 )。 对 视 
觉 系 统 ,“ 失 败 ” 可 能 未 曾 很 好 的 定义 ,但 肯定 可 找 出 一 些 例子 : 视觉 系统 的 表现 不 如 人 
意 。 例 如 ， 某 区 域 为 周边 区 域 所 包围 ， 当 周边 区 域 呈 现 不 同 亮度 时 ， 人 了 眼 判定 该 区 域 绝对 
亮度 的 能 力 就 会 大 受 影响 ， 见 图 5-8。 

上 图 似乎 提供 了 一 个 恒 常 性 失效 的 例子 ， 因 为 图 5-8 中 所 有 的 中 间 正 方形 都 具有 相同 
的 灰 度 。 但 如 果 我 们 将 中 间 正 方形 和 包围 它 的 周边 区 域 绘制 在 一 表面 上 ， 并 让 该 表面 处 于 
强度 变化 的 光照 之 下 ， 将 得 到 男 一 组 非常 不 同 的 图 像 ， 如 图 5-9 所 示 。 在 这 组 图 像 中 ， 中 
间 方 块 的 灰 度 值 并 不 一 样 ， 但 你 会 感觉 它们 都 呈现 类 似 的 暗色 。 这 个 例子 说 明了 不 同 光照 
下 的 亮度 恒 常 性 (lightness constancy)。( 在 图 28-15 中 ,将 给 出 一 个 更 令 人 惊讶 的 亮度 恒 
常 性 例子 ， 且 与 人 射 光 的 亮度 无 关 。) 








图 5-8 每 幅 图 中 间 的 正方 形 的 亮度 都 相同 ， 图 5-9 ”每 个 图 例 中 的 中 间 正 方形 与 其 周边 区 域 
而 正方 形 周围 区 域 的 亮度 差异 明显 影 的 瞳 度 比 近似 相等 ; 与 图 5-8 相 比 ， 你 会 
响 对 其 外 观 亮度 的 感知 认为 中 间 正 方形 的 亮度 无 太 大 变化 
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本 书 网 站 上 的 一 些 材料 进一步 讨论 了 恒 常 性 效应 。 

应 用 : 各 种 恒 常 性 错觉 表明 ， 周 边 的 亮度 可 以 影响 我 们 对 所 注视 表面 或 光 的 亮度 的 感 
知 。 由 于 周边 环境 的 平均 亮度 不 同 ， 演 播 室 监 视 器 、 剧 院 中 的 投影 设备 、 普 通 办 公 室 或 家 
庭 用 的 显示 器 会 采用 不 同 的 y 值 (28. 12 节 中 会 讨论 )。 在 图 形 绘制 时 ， 如 果 要 比较 两 幅 图 
的 绘制 效果 ， 为 避免 因 周 边区 域 亮度 引起 的 视觉 偏差 .建议 给 每 幅 图 都 添加 相同 的 中 性 灰 

至 少 对 于 亮度 而 言 ， 恒 常 性 给 出 了 如 下 启示 : 相对 亮度 比 绝对 亮度 更 重要 (这 有 助 于 
解释 为 什么 在 早期 视觉 中 ,边界 检测 如 此 重要 )。 因 此 ， 如 果 要 比较 两 幅 图 像 ， 其 对 应 像 
素 亮 度 的 比值 比 两 者 间 的 差 值 更 重要 。 


5.5 延续 性 


如 果 一 个 物体 消失 在 另 一 个 物体 的 背后 ， 稍 后 重新 出 现在 另 一 侧 ( 见 图 5-10)， 视 觉 系 
统 倾向 于 将 这 两 个 部 分 关联 成 一 个 整体 ， 而 不 是 将 它们 理解 为 分 离 的 两 部 分 : 这 是 格式 塔 
心理 学 (Gestalt psychology) 的 一 个 例子 。 格 式 塔 心理 学 认为 ,大脑 倾向 于 将 事物 看 作 一 个 
整体 ， 而 不 仅仅 是 各 个 部 分 。 


Fr 他 本 


图 5-10 a 中 的 对 角 线 似乎 从 垂直 带 的 后 面 经 过 。 你 会 明显 认为 这 两 个 对 角 线 段 属 于 一 个 连续 
整体 ， 如 b 中 所 示 ， 而 不 是 像 显示 的 那样 对 角 线 段 各 自在 垂直 带 后 终止 


有 人 认为 上 述 感知 的 部 分 机 理 是 C 随机 游 走 理论 (C' random walk theory)[?，Wil94 |]。 
它 假设 在 六 连接 处 (T-junction)( 一 个 物体 的 轮廓 从 另 一 个 物体 的 后 面 经 过 ) 处 ， 当 该 物体 在 
画面 上 消失 时 ， 大 脑 会 “延续 ”该 物体 的 大 致 的 走向 ， 虽 然 重 现 后 在 方向 上 会 有 一 些 随 机 
变化 。 该 方向 的 延续 ( 连 线 ) 可 能 在 另 一 个 工 连 接 处 结束 ， 然 后 朝 着 另 一 合适 的 方向 继续 。 
如 果 考 虑 在 这 两 个 连接 间 连 线 的 所 有 可 能 性 ， 某 些 情形 出 现 的 概率 会 比 男 一 些 情形 高 
(这 依赖 于 方向 变化 的 概率 模型 和 沿 每 一 方向 延续 的 长 度 ) 。 被 遮挡 区 域 的 每 个 点 位 于 所 有 
连 线 的 子 集中 (也 就 是 说 ， 存 在 某 个 概率 密度 户 ， 通 过 区 域 A 的 某 个 随机 连接 的 概率 是 p 
在 A 上 的 积分 )。 分 布 概率 p 的 分 水 线 (ridge line) 构 成 了 对 两 个 连接 之 间 可 能 连 线 的 非 
常 可 信 的 估计 ， 而 p 在 这 个 连 线 上 的 积分 ， 刻画 了 这 些 分 水 线 真 正 相 连 的 似 然 性 (like- 
hood) 。 如 果 两 个 连接 之 间 存 在 位 移 ( 即 两 线段 不 属于 同一 条 线 )， 这 种 可 能 性 降低 ; 如 
果 两 根 线 段 不 平行 ， 可 能 性 也 会 降低 ; 只 有 当 两 个 三 连 接 完 全 对 齐 ， 它 们 之 间 连 接 的 可 
能 性 才 达 到 最 大 值 。 大 脑 中 真 的 发 生 了 这 种 “连接 概率 的 扩散 ” 吗 ? 这 并 不 可 知 。 不 过 ， 
上 面 所 述 的 p 的 分 水 线 构成 最 可 能 的 连接 的 观点 并 不 适用 于 所 有 的 情况 ， 其 中 一 个 特殊 情 
形 就 是 接 下 来 讨论 的 对 角 线 匹配 。 

如 图 5-11 所 示 ， 当 一 条 对 角 线 穿 过 一 垂直 条 带 的 后 面 时 ， 往 往 难 以 准确 判断 该 对 角 
线 的 两 部 分 是 否 对 齐 ( 这 可 能 还 涉及 另 一 点 ， 即 人 们 难以 准确 地 感知 锐角 )。 不 过 ， 若 将 该 


88 第 5 章 





垂直 带 的 两 端 闭合 使 之 形成 一 个 平行 四 边 形 ( 或 者 添加 另外 的 暗示 ， 例 如 有 透视 效果 的 纹 
理 )， 使 对 角 线 看 上 去 位 于 与 垂直 条 带 平行 的 平面 上 ， 则 感知 错觉 可 大 为 减少 ( 见 图 5-12)。 


pe 
-or i 
Pe | 

Pd ”| | 

于 | op | 
| | 1 ,| 
a) b) 

图 5-11 哪 一 幅 图 像 一 条 连续 的 直线 穿 过 条 带 图 


后 面 ? 哪 一 幅 图 看 起 来 像 两 平行 线段 
(不 属于 同一 直线 )? 在 图 上 放 一 个 直 
尺 进 行 验证 


齐 ， 如 图 5-11b 所 示 。 

延续 性 也 可 用 来 从 用 户 关 于 某 形状 的 草图 推 
断 其 用 意 LKH06]: 当 其 中 一 条 轮廓 线 被 另 一 轮廓 
遮挡 时 ， 可 以 用 延续 性 模型 揣测 用 户 心 目 中 该 线 
的 走向 。 


5.6 阴影 


阴影 (shadow) 为 视觉 系统 提供 了 强 有 力 的 线 
索 ， 但 是 这 些 线索 并 不 总 是 我 们 所 想 的 那些 ， 例 
如 ， 阴 影 有 助 于 估计 离开 地 平面 的 物体 与 观察 者 
的 距离 。Keren 等 LLKMK97] 用 类 似 图 5-13 的 例 
子 前 述 了 这 一 点 。 在 该 图 中 ， 球 运动 的 二 义 性 通 
过 阴影 线索 得 以 消除 。 如 果 不 给 出 阴影 ， 很 容易 
认为 球 在 与 视点 等 距 的 平面 上 运动 ， 且 在 向 右 运 
动 过 程 中 不 断 上 升 ， 或 者 保持 恒定 的 高 度 从 托盘 
左前 角 上 方 某 点 运动 到 右 后 角 上 方 另 一 点 。 引 入 
阴影 后 ， 感 知 系统 只 能 从 这 两 种 情形 中 取 其 一 。 
对 上 例 做 进一步 的 实验 也 很 有 趣 : 当场 景 中 呈现 
的 阴影 与 物体 的 形状 不 一 致 ， 如 阴影 为 正方 形 而 
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-12 将 垂直 条 带 截断 ， 使 其 看 上 去 像 平 行 
于 对 角 线 的 平面 ， 此 时 图 5-11 中 的 错 
觉 就 消失 了 ; 在 条 带 上 添加 指明 平面 
倾斜 方向 的 纹理 也 能 产生 同样 的 效果 
应 用 : 视觉 系统 的 延续 性 在 观看 非 照片 真实 感 (nonphotorealistic) 绘 制 或 表意 性 (expres- 

sive) 绘 制 结果 时 有 重要 作用 。 这 类 绘制 试图 创造 一 幅 画 面 ， 其 目标 不 是 完全 忠于 现实 ， 而 

是 表达 创作 者 的 意图 ; 创作 者 通过 巧妙 地 选择 呈现 的 内 容 ， 将 观众 眼睛 吸引 到 图 像 的 特定 

部 分 。 例 如 汽车 维修 手册 中 的 一 幅 插 图 ， 其 中 当前 讨论 的 区 域 被 详细 地 绘制 ， 周围 区 域 则 

被 简化 为 少数 线段 ， 以 避免 混淆 。 当 我 们 通过 删除 细节 来 简化 画面 时 ， 是 否 会 丢失 视觉 系 

统 用 以 理解 画面 场景 的 重要 线索 ?在 某 些 情形 下 ,确实 丢失 了 一 些 重要 的 特征 ; 例如 ， 当 

画面 上 缺失 阴影 时 ， 观 察 者 将 难以 正确 理解 场景 中 的 物体 的 空间 关系 。 甚 至 在 图 5-12 所 

示 的 例子 中 ， 倘 若 去 掉 图 b 中 垂直 条 带 上 的 “纹理 ”， 其 





两 根 对 角 线 线段 看 上 去 可 能 未 对 








a) 球 在 一 个 三 面 托盘 上 移动 ， 由 于 
未 画 出 球 的 阴影 ， 无 法 明确 判断 球 
的 运动 。 在 b 和 c 中 , 球 的 阴影 揭 
示 了 球 在 水 平 或 垂直 面 上 的 运动 
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不 是 圆 盘 时 ， 效 果 几 乎 同样 显著 。 此 外 ， 阴 影 线 索 很 容易 被 其 他 的 视觉 线索 所 淹没 ， 如 透 
视 引 起 的 投影 缩减 ( 当 球 从 前 往 后 运动 时 ， 远 处 的 球 比 近 处 的 球 对 人 有 眼 所 张 的 视角 更 小 ， 
因此 当 球 的 大 小 看 上 去 不 变 时 ， 它 应 在 与 视点 近 于 等 距 的 平面 上 运动 ; 但 是 ,通过 阴影 线 
索 ， 还 可 以 看 到 球 沿 着 前 左 / 右 后 的 对 角 线 运动 ) 。 
由 此 ， 我 们 可 推测 阴影 提供 了 某 种 深度 
或 者 位 置信 息 ， 但 是 揭示 了 较 少 的 形状 信 1 
息 。 但 物体 与 平面 接触 时 的 阴影 实际 上 仍 传 / 
递 了 某 些 形状 信息 ， 如 图 5-14 所 示 。 此 时 / 
的 阴影 提供 了 确定 物体 是 否 接触 男 一 表面 的 一 ey 
elol ve rt han 四 5-14 接触 阴影 的 外 观 揭示 了 很 多 形状 和 关系 
看 上 去 像 “县 尝 ” 在 平面 上 ,而 不 是 位 于 于 信息 。 若 两 个 物体 的 阴影 不 同 ， 人 们 会 
面 上 。 认为 这 两 个 物体 的 差别 很 大 
应 用 : 阴影 本 身 可 能 很 模糊 ， 它 在 计 
算 两 幅 图 像 的 L* 差异 时 并 非 十 分 重要 ， 但 两 幅 图 像 在 感知 上 的 差异 可 能 会 很 大 。 画 面 上 
有 无 阴影 很 关键 ， 而 准确 地 绘制 它 则 不 那么 重要 。 


5.7 讨论 和 延伸 阅读 

感知 是 一 门 很 大 的 学 科 。 在 本 章 的 简单 综述 中 ， 我 们 只 触及 了 和 图 形 学 密切 关联 的 少 
数 内 容 。 感 知 涉及 生理 学 、 心 理学 、 哲 学 等 诸多 方面 ; 也 存在 大 量 有 待 探索 的 领域 。 研 究 
者 已 大 量 关注 并 研究 静态 感知 ， 却 远 未 理解 运动 引起 的 反应 (包括 人 类 如 何 感知 运动 ， 运 
动 在 感知 系统 中 引发 了 什么 反应 ) 。Hoffman[L Hof00] 和 RockLRoc95 ] 都 给 出 了 比较 好 的 综 
述 ， 不 过 脑 科 学 发 展 十 分 迅速 ， 要 了 解 最 新 观点 (其 变化 也 快 ) 最 好 查阅 最 新 的 期 刊 文章 而 
不 从 书本 上 的 综述 中 找 答案 。 

我 们 已 经 描述 了 恒 常 性 的 影响 。 视 觉 中 存在 一 些 更 高 层次 的 效应 。 在 某 种 程度 上 ， 人 
看 到 什么 很 大 程度 地 决定 于 他 想 看 什么 。Simons 和 ChabrisL SC99 描述 了 一 个 例子 : 很 多 
观察 者 被 要 求 对 运动 员 传 递 篮 球 的 次 数 进行 计数 ,结果 他 们 都 没 注意 到 一 个 穿着 猩猩 服 的 
人 从 运动 员 之 间 穿 过 。 因 此 ， 感知 会 受 语义 上 所 期 望 结果 的 控制 。 

本 章 没有 深入 讨论 立体 视觉 这 一 非常 专业 的 问题 。 在 立体 显示 中 ， 两 眼看 到 的 不 同 图 
像 在 视觉 系统 中 被 合成 为 立体 图 像 。 而 两 眼 图 像 间 的 差异 导致 视野 中 很 强 的 深度 感 。 然 
而 ， 如 前 所 述 ， 经 由 立体 图 像 系统 生成 并 呈现 给 两 眼 的 图 像 通 常 显示 在 离 眼睛 不 远 的 平面 
上 ;， 当 眼睛 晶状体 聚焦 于 显示 平面 上 时 ， 会 做 自 适应 调整 ， 所 产生 的 深度 信号 与 大 脑 中 推 
断 的 场景 各 物体 的 深度 相 冲 突 。 由 于 呈现 给 视觉 系统 的 信息 相互 矛盾 ， 很 难 知 道 用 户 最 终 
感知 到 的 是 什么 。 此 外 ， 虽 然 立体 视觉 为 大 部 分 人 提供 了 深度 感知 的 重要 线索 ， a 
些 人 缺乏 立体 视觉 这些 人 仍 能 利用 其 他 线索 ， 如 透视 缩减 、 基 于 光 强 的 深度 暗示、 运动 
视差 等 ， 来 获得 足够 的 深 宋 度 感知 ， 执 行 像 驾 驶 飞机 这 样 复杂 的 任务 。 

前 面 提 到 ， 绘制 实 际 上 是 一 个 积分 的 过 程 ， 这 一 过 程 通 常 通过 随机 采样 完成 。 构 建 绘 
制程 序 时 ， 必 须 为 积分 器 选择 采样 点 。 在 选取 了 较 多 采样 点 的 画面 区 域 ， 往 往 可 得 到 较 好 
的 积分 结果 。 如 果 某 区 域 在 感知 上 意义 不 大 (例如 为 椒盐 纹理 的 一 部 分 )， 无 需 做 过 多 采 
样 ; 但 若 该 区 域 为 感知 显著 性 区 域 ( 例 如 光照 表面 上 阴影 的 边界 )， 加 密 采 样 就 很 有 价值 。 
Greenberg 等 人 [Gre99] 提 出 将 感知 作为 绘制 的 一 个 驱动 性 因素 。 为 了 实现 这 一 想法 ， 挑 
战 之 一 是 必须 对 感知 过 程 进 行 建 模 ， 然 后 在 后 续 的 观察 阶段 中 对 理想 图 像 (可 能 无 法 获得 ) 
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和 近似 图 像 进行 比较 。Ramasubramanian 等 人 [LRPG99 | 提出 了 一 种 方法 ， 可 使 对 所 生成 图 
像 的 度量 与 感知 度量 密切 关联 ， 从 而 使 生成 图 像 的 过 程 更 容易 被 感知 重要 性 估计 所 导 引 。 
Walter 等 人 [LWPG02 ] 采 用 类 似 的 方法 大 幅度 减少 纹理 区 域 的 绘制 工作 量 ,， 且 人 眼 难 以 察 
觉 这 种 简化 。 

感知 差异 的 度量 也 可 用 于 图 像 压 缩 。 例 如 ，JPEG 图 像 压 缩 采 用 不 同方 法 得 到 近似 图 
像 ， 然 后 从 中 选择 与 原始 图 像 感知 距离 (以 某 种 度量 ) 最 小 的 图 像 。 活 动 图 像 序 列 的 MPEG 
压缩 算法 也 类 似 地 操作 。 

在 单独 观察 某 些 事物 时 可 以 发 现 它们 在 视觉 上 的 差异 ， 而 在 一 个 较 大 的 环境 中 观察 时 
这 些 差 异 可 能 被 忽略 ， 特 别 是 当 该 环境 具有 和 较 高 的 视觉 复杂 性 时 更 是 如 此 。Ramanaray- 
anan 等 人 LRBF08] 最 近 的 一 个 工作 说 明了 人 眼 对 混合 的 物体 (大 理 石 般 子 的 混合 ， 或 者 
花园 中 两 种 植物 的 混合 ) 极 不 敏感 。Ramanarayanan 小 组 另 一 个 相关 的 工作 LRFWB07] 说 
明 即 使 两 幅 图 像 在 视觉 上 可 被 区 分 ， 但 并 不 重要 。 


感知 领域 持续 发 展 并 不 断 开辟 新 的 方向 。 至 今 仍 
具有 震撼 力 的 一 个 发 现 是 运动 诱发 的 盲 视 (motion- i 
induced blindness): 由 于 其 他 物体 的 运动 ， 会 导致 ee 
某 些 物体 从 视野 中 消失 。 图 5-15 所 示 的 交叉 网 格 线 ry@) + + 
中 心 慢 慢 旋转 ， 若 盯 着 网 格 中心 的 小 点 ， 其 周围 三 a 
个 固定 点 会 从 视野 中 完全 消失 。 当 网 格 与 中 间 点 的 。 六 类 
闫 色相 同时 ， 这 种 效果 较 弱 ， 而 颜色 不 同时 效果 则 大 六 时 大 
很 明显 ; 取 蓝 色 网 格 和 黄色 点 时 效果 更 好 。 当 取 不 bo 
同 的 旋转 速度 和 点 的 尺寸 时 ， 这 种 效果 仍然 存在 。 2 
正如 本 章 一 开始 提 到 的 ， 视 觉 感知 并 不 是 人 机 图 515 交叉 网 格 以 10 秒 钟 一 周 的 速度 
交互 的 唯一 模式 ,声音 和 触觉 也 是 常用 的 交互 通道 。 i 
当 同时 采用 听觉 和 视觉 通道 且 两 者 信息 相互 矛盾 时 ， 史 处 硬 家 相 平 从 入 名 中 漠 亲 一 


哪 种 信息 处 于 支配 地 位 ? Shams 等 人 [SKS02] 描 述 了 

一 个 声音 处 于 支配 地 位 的 有 趣 例子 ， 即 一 例 由 声音 诱发 的 视 错觉 : 一 次 闪光 但 伴随 着 多 次 
的 唑 哟 声 ， 结 果 一 次 闪光 被 误 认为 是 多 次 闪光 。 那 么 当 同 时 应 用 触觉 和 视觉 又 会 是 什么 情 
况 ? Randy Pausch[L personal communjcation] 提 到 ， 画 面 上 的 某 个 物体 表面 呈现 明显 凹陷 ， 
此 时 采用 一 触觉 设备 去 “触摸 ”该 表面 ， 尽 管 在 触觉 设备 的 驱动 数据 中 隐藏 了 四 痕 的 信 
息 ， 但 用 户 仍 感觉 到 这 个 凹 靖 。Burns 等 人 LBWR 十 05j 进 行 的 一 项 细致 研究 也 表明 ， 视 觉 
在 感知 通道 中 占 主导 地 位 。 不 过 ， 这 些 都 是 在 孤立 、 受 控 条 件 下 的 多 模 态 感知 的 例子 。 在 
更 复杂 情形 中 不 同感 知 模 态 相互 交互 的 程度 至 今 未 曾 测量 。 


5.8 练习 


5.1 写 一 个 程序 生成 一 个 包含 一 组 平行 条 带 的 图 像 ， 并 将 之 放置 于 另 一 幅 纯 灰 图 像 之 上 。 图 像 的 灰 度 层 
次 可 调整 (通过 滑动 条 、 按 钮 、 按 键 , 或 者 其 他 方式 )。 站 得 足够 远 以 致 条 带 之 间 无 法 相互 区 分 ， 继 
而 调整 (或 者 让 朋友 调整 ) 纯 色 和 矩形 的 灰 度 水 平 ， 直 到 颜色 与 条 带 呈 现 的 灰 度 相 匹配 。 向 显示 器 方向 
移动 ， 直 到 可 以 单独 区 分 条 带 ; 测量 此 时 与 图 像 间 的 距离 ， 青 计算 眼睛 与 两 条 平行 条 带 之 间 的 夹 
角 。 可 以 在 纯色 和 矩形 的 旁边 通过 按 下 或 点 击 按钮 随机 地 展示 垂直 或 水 平 的 条 带 ， 并 且 可 以 随机 地 选 
择 是 否 交换 条 带 与 纯色 矩形 的 相对 位 置 ， 以 确保 这 个 过 程 中 自己 不 会 被 误导 。 

5.2 实现 运动 诱发 盲 视 的 实验 。 提供 调整 旋转 速度 和 “正在 消失 的 ”点 的 大 小 的 按钮 ， 允 许 用 户 选 择 交 
又 网 格 和 圆 点 的 颜色 。 试验 一 下 哪些 颜色 最 容易 导致 圆 点 消失 。 
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写 一 个 程序 ， 在 x 轴 的 x 二 0，1，2 处 画 三 个 半径 为 0. 25 的 黑 点 ， 随 即 用 位 于 上，: 十 1，t 十 2( 初 始 
时 取 :一 0.25) 处 的 三 个 黑 点 取代 。 每 隔 1/4 秒 这 两 组 点 进行 一 次 显示 的 切换 。 是 否 看 到 点 在 移动 ? 
继而 观察 上 增 大 到 0. 5 时 的 效果 。 然 后 用 一 个 滑动 条 在 0 一 3 区 间 内 调整 :。 观 察 点 移动 的 幻觉 是 否 
被 削弱 。: 一 1 时 的 情形 似 可 视 为 :“ 最 外 侧 的 点 在 最 左 端 (r+ 二 0) 和 最 右 端 (+ 二 3) 之 间 来 回 跳 换 ， 而 
中 间 两 个 点 不 动 .-” 你 是 否 确定 这 就 是 你 所 看 到 的 ? 很 难 放 弃 这 些 点 按 组 运动 的 强烈 印象 ， 而 这 正 
好 验证 了 格式 塔 理 论 (Gestalt theory) 。 

写 一 个 模仿 图 5-13 的 程序 ， 用 滑动 条 控制 红 球 在 其 轨迹 上 的 位 置 。 设 置 一 组 单 选 按钮 来 变换 球 的 
不 同 “ 阴 影 ” 形 状 : 椭圆 形 、 圆 盘 形 、 正 方形 和 小 飞机 。 观 察 这 些 变化 如 何 影 响 你 对 红 球 位 置 的 感 
知 。 可 以 在 3D 或 2D 测 试 平 台 上 写 这 个 程序 一 一 无 需 进 行 精确 的 透视 投影 ， 只 要 能 大 致 模拟 出 图 
案 即 可 。 
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6.1 引言 


你 已 经 了 解 如 何 将 3D 场景 投影 到 2D 平面 上 来 生成 一 幅 图 像 ， 并 具备 了 有 关 光 、 反 
射 、 传 感 器 和 显示 器 的 基本 知识 (后 面 的 章节 对 它们 将 有 更 充分 的 论述 ) 。 当 然 领悟 图 形 学 
的 内 容 还 需要 数学 。 我 们 发 现 当 同学 们 在 实验 中 遇 到 数学 问题 时 往往 对 其 理解 比较 深刻 
(例如 我 们 在 第 2 章 曾 遇 到 变换 的 先后 顺序 问题 )。 然 而 ， 进 行 3D 图 形 实验 需要 你 建立 自 
己 的 图 形 系统 ， 而 建立 系统 则 需要 坚实 的 数学 基础 。 或 者 也 可 使 用 已 有 的 系统 。 对 于 后 者 
而 言 ，WPF 是 个 很 好 的 例子 ， 它 为 3D 图 形 实验 提供 了 一 个 易于 使 用 的 基础 平台 。 

在 这 一 章 里 将 学 习 如 何 使 用 WPF 的 3D 功能 (后 面 统一 称 为 WPF 3D) 来 构建 一 个 3D 
场景 、 配 置 光 照 ， 并 通过 其 照相 机 功能 来 生成 图 像 。WPF 关于 光照 和 反射 的 固定 功能 模 
型 并 不 是 基于 物理 的 ， 所 生成 的 图 像 也 不 能 达到 动画 电影 等 娱乐 产品 所 需 的 高 质量 ; 然 
而 ， 人 类 视觉 系统 具有 很 强 的 适应 能 力 ， 我 们 的 大 脑 会 将 这 些 图 像 感知 为 3D 场景 。 固 定 
功能 模型 的 男 一 个 优点 是 ， 它 已 在 其 他 图 形 函 数 库 中 得 到 广泛 应 用 ; 由 于 该 模型 曾 为 早期 
的 图 形 学 研究 和 商业 实践 所 普遍 采用 ,尽管 它 正 迅速 地 被 其 他 技术 所 取代 ， 图 形 学 领域 中 
的 研究 人 员 仍 应 对 其 有 所 了 解 。 正 是 出 于 对 生成 更 具 真实 感 图 像 的 追求 ， 本 书 的 其 余部 分 
将 对 光照 、 材 质 和 反射 率 展开 深入 的 讨论 。 


6. 1. 1 WPF 3D 部 分 的 设计 


常用 的 3D 图 形 平台 有 数 十 种 ， 它 们 分 别 面 向 不 同 的 设计 目标 。 一 些 平台 追求 的 是 图 
像 的 真实 感 而 不 关心 耗费 的 成 本 (例如 用 于 生成 高 质量 3D 动画 电影 每 帧 画面 的 系统 )， 而 
另 一 些 平台 则 在 保证 一 定 程度 的 物理 模拟 真实 感 的 基础 上 追求 实时 交互 性 (例如 用 于 创建 
3D 虚拟 现实 环境 或 视频 游戏 的 系统 )， 还 有 一 些 平台 在 图 像 的 质量 方面 做 出 妥协 ， 以 获得 
在 多 种 硬件 平台 上 相对 高 的 计算 性 能 。 

正如 第 2 章 所 述 ，WPF 是 一 个 保留 模式 (RM) 平 台 一 一 应 用 程序 采用 XAML 或 
WPF. NET API 指定 并 维护 一 个 层次 场景 图 并 将 其 存储 在 该 平台 上 。(6. 6.4 节 会 告诉 你 
为 什么 将 它 称 为 “图 ”， 现 在 可 把 它 看 成 场景 数据 库 ,) 在 GPU 的 协同 下 ， 这 个 平台 将 自动 
地 使 其 生成 的 图 像 与 场景 图 保持 同步 。 这 种 平台 明显 不 同 于 OpenGL 或 Direct3D 的 即时 
模式 平台 (不 提供 任何 形式 的 可 供 编 辑 的 场景 )。 关 于 3D 图 形 平台 背景 下 这 两 种 不 同 架构 
的 比较 ， 请 参见 第 16 章 。 

WPF 的 主要 目标 是 将 3D 技术 引入 交互 式 用 户 界面 ， 其 设计 旨 在 满足 下 列 需 求 

@ 可 支持 多 种 硬件 平台 。 

e 在 可 满足 基本 需求 的 硬件 上 支持 简单 场景 的 动态 仿真 ， 其 性 能 接近 于 实时 。 

@ 对 光照 和 反射 进行 近似 ， 实 现 视觉 上 可 接受 的 3D 场景 的 实时 创建 。 

这 里 ， 我 们 基于 WPF 3D， 通 过 样 例 来 介绍 3D 建 模 和 光照 模拟 技术 ， 利 用 WPF 提供 
的 易于 编辑 的 场景 描述 ， 给 你 一 个 亲身 体验 的 机 会 。 
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6. 1.2 对 光 与 物体 交互 的 物理 过 程 的 近似 


基于 组 成 物体 材料 的 反射 特性 ，3D 场景 中 的 每 个 物体 都 会 反射 一 部 分 入 射 光 。 此 外 ， 
物体 表面 每 个 点 所 接收 的 光 中 ， 既 有 来 自 光 源 的 直接 人 射 光 (未 受到 其 他 物体 遮挡 ) 也 有 经 
由 场景 中 其 他 物体 表面 反射 而 来 的 间接 人 射 光 。 直 接 模 拟 场 景物 体 之 间 递 归 交 互 反 射 过 程 
(在 29 一 32 章 中 描述 )、 完 全 基于 物理 的 算法 需要 进行 大 量 的 计算 ; 如 果 还 要 满足 实时 性 ， 
所 需 的 处 理 能 力 将 大 大 超出 当前 商用 硬件 的 性 能 指标 。 因 此 ， 实 时 计算 机 图 形 生成 方法 中 
目前 占 主导 地 位 的 是 近似 技术 ， 从 大 体 上 基于 物理 的 模型 到 完全 不 基于 物理 但 足以 “ 骗 
过 ”眼睛 的 一 些 技巧 ， 不 一 而 足 。 

能 够 生成 高 度 真 实感 图 像 的 近似 技术 通常 涉及 大 量 的 计算 。 因 此 ， 互 动 式 游 戏 应 用 程 
序 需 要 采用 真实 感 尚 过 得 去 的 快速 算法 (以 保证 每 秒 能 生成 足够 的 帧 数 ) 。 另 一 方面 ， 电 影 
制作 应 用 程序 却 允 许 花 费 数 小 时 来 计算 一 帧 高 质量 的 画面 。 

大 多 数 经 典 的 近似 算法 都 是 几 十 年 前 开发 的 ， 当 时 的 计算 机 处 理 能 力 和 图 形 硬 件 水 平 
与 目前 相 比 无 法 相提并论 ， 那 时 追求 的 两 大 关键 目标 是 : 最 小 化 所 需 的 计算 和 存储 ， 最 大 
化 并 行 计算 能 力 ( 特 别 是 在 GPU 上 )。 这 些 算法 的 软件 实现 始 于 20 世纪 60 年 代 后 期 ， 在 
70 年 代 和 80 年 代 获 得 广泛 应 用 ，90 年 代 后 则 为 功能 日 益 强 大 的 商业 GPU 硬件 所 采用 。 

这 些 算 法 中 最 为 成 功 的 特定 序列 ， 通 常 称 为 固定 功能 3D 图 形 管线 (又 称 图 形 、 流 水 
线 )， 已 用 了 30 年 ， 且 在 20 世纪 90 年 代 后 期 之 前 一 直 在 GPU 设计 中 占 主导 地 位 。 图 形 
管线 绘制 的 对 象 是 用 来 近似 表示 多 面体 和 曲面 的 三 角形 网 格 ， 它 采用 的 是 简单 的 表面 光照 
明 模 型 (用 于 计算 三 角形 项 点 的 反射 光亮 度 ， 如 6.2.2 节 和 6.5 节 所 述 ) 和 着 色 规 则 (用 于 
计算 三 角形 内 各 点 的 反射 光亮 度 ， 如 6. 3.1 节 和 6.3.2 节 所 述 )。 可 通过 诸如 OpenGL 和 
Direct3D 早期 版 本 的 经 典 商用 3D 图 形 包 所 提供 的 软件 API 来 使 用 固定 功能 管线 。WPF 
是 可 实现 固定 功能 管线 的 一 个 较 新 的 API,， 在 这 一 章 的 后 面部 分 中 ， 我 们 将 列 出 它 的 基本 
特点 ， 并 简要 地 介绍 经 典 的 近似 技术 ， 说 明 它 们 如 何 “ 骗 过 ”眼睛 及 其 局 限 性 。 

尽管 固定 功能 管线 是 使 用 3D 图 形 平台 着 手 进行 实验 的 最 好 途径 (因此 我 们 这 里 选择 
WPF)， 它 已 不 再 适用 于 现代 图 形 应 用 ， 可 编程 管线 (将 在 16.1.1 节 和 16.3 节 介绍 ) 是 目 
前 的 主流 技术 。 随 着 GPU 技术 的 持续 快速 发 展 ， 完 全 可 能 实时 实现 高 质量 的 近似 算法 ， 
而 对 光 与 物体 之 间 交 互 过 程 的 实时 物理 模拟 几乎 已 指日可待 。 


6. 1.3 WPF 3D 概述 


WPF 的 3D 功能 与 第 2 章 描 述 的 2D 功能 紧密 结合 ， 可 采用 相同 的 方式 调用 。XAML 
用 于 初始 化 场景 和 实现 简单 的 动画 ， 过 程 代码 则 用 于 交互 操作 和 实时 动态 仿真 、 为 了 在 
WPF 应 用 程序 中 加 入 3D 场景 ,需要 创建 一 个 Viewport3D 实例 (用 于 显示 3D 场景 的 矩 
形 画 布 ) 并 使 用 布局 管理 器 将 它 集成 到 应 用 程序 中 (如 安放 在 任 一 UI 控件 板 的 旁边 )。 

Viewport 3D 与 WPF canvas 功能 类 似 ,在 输入 场景 的 显示 信息 之 前 它 一 直 空 白 。 
ee 它们 的 位 置 和 外 观 属性 ， 定 义 一 
个 或 多 个 光源 、 一 台 照 相机 。 

在 WPF 3D 中, 与 2D 抽象 应 用 坐标 系 相 对 应 的 是 场景 坐标 系 ， 其 zx 轴 、y 轴 和 > 轴 
满足 右手 系 规 则 (将 在 下 一 章 中 的 图 7-8 中 说 明 )。 坐 标 轴 的 度量 单位 是 抽象 的 ， 应 用 程序 
设计 人 员 可 以 选用 一 个 物理 计量 单位 (如 毫米 、 英 寸 等 )， 亦 可 不 为 坐标 值 附 加 任何 语义 。 
3D 场景 中 的 物体 、 相 机 以 及 光源 的 位 置 和 方向 均 采用 场景 坐标 定义 。 
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尽管 是 否 采用 物理 单位 是 可 选 的 ， 但 它 确 有 助 于 精确 模拟 一 些 真 实 的 物理 现象 (例如 ， 
在 对 邻近 的 房屋 和 街道 建 模 时 采用 “ 米 ” 作 单位 ， 
分 子 建 模 时 采用 “ 毫 微米 ” 作 单 位 )。WPF 平台 场景 坐标 系 
身 并 不 考虑 应 用 程序 对 单位 可 能 赋予 的 物理 意义 。 
经 过 图 6-1 所 示 的 流程 ，3D 场景 被 绘制 , 绘制 一 一 一 4 
结果 被 输送 到 显示 设备 上 。 相 机 定位 于 建 模 空间 中 ， Be 
其 位 置 采 用 场景 坐标 表示 ， 其 具体 设置 由 几 个 参数 
(例如 视角 ) 组 成 ， 这 些 参数 同时 定义 了 视 域 体 一 一 过 
中 间 图 中 的 金字 塔 状 物体 即 为 视 域 体 。( 在 第 13 章 | 
中 读者 将 会 学 到 更 多 有 关 相 机 设置 和 视 域 体 的 内 容 ， 
在 第 16 章 中 则 将 从 OpenGL 的 角度 来 讨论 相机 的 设 
置 )。 场景 位 于 视 域 体内 的 部 分 被 投影 到 2D 平面 上 。 





绘制 后 ， 其 结果 显示 在 包含 于 应 用 程序 窗口 内 的 视 E> 
窗 中 。 - 
与 WPF 2D 的 情形 相同 ， 平 台 将 使 绘制 过 程 自 
动 与 模型 空间 保持 同步 。 例 如 ， 当 场景 中 景物 或 相 
机 配置 有 所 变动 时 ， 将 导致 视窗 中 绘制 结果 的 自动 Oe 
更 新 。 因 此 通过 实时 编辑 场景 即 可 实现 动画 ， 例 如 | 变换 到 视窗 


可 执行 下 列 操 作 : 

e 添加 或 删除 物体 。 
改变 物体 的 几何 形状 (例如 ， 编 辑 其 网 格 属性 ) 。 
对 物体 、 相 机 或 位 于 场景 中 的 几何 光源 进行 
变换 (如 缩放 、 旋 转 或 平移 ) 。 
改变 物体 的 材质 属性 。 
e 改变 相机 或 者 光源 的 特性 。 


6.2 网 格 和 光照 属性 


在 本 节 中 ,我 们 将 使 用 XAML 建立 一 个 四 面 的 金字 塔 ， 塔 体 纯 色 ， 安 放 在 沙漠 地 面 
上 (如 图 6-2 所 示 )， 视 点 来 自 低 空 飞 行 的 直升机 。 在 本 节 中 ,我 们 聚焦 于 金字 塔 的 建 模 和 
光照 (暂时 忽略 天 空 和 沙漠 地 面 ) 。 





图 6-1 WPF 的 3D 几何 管线 概览 


6.2.1 场景 设计 
我 们 假设 沙漠 地 面 与 右手 3D 坐标 系统 的 zz 平面 共 面 ， 如 图 6-3 所 示 。 为 了 纪念 墨 西 





图 6-2 ”金字塔 俯视 图 图 6-3 沙漠 场景 中 的 WPF 的 3D 右手 坐标 系 
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哥 城 附近 的 中 美洲 太阳 金字 塔 ( 高 75 米 )， 我 们 将 金字 塔 的 高 度 设 为 75 米 ， 基 座 取 为 100 
平方 米 。 我 们 选择 米 作 为 坐标 系 的 计量 单位 ， 并 令 金 字 塔 的 基 座 底面 位 于 zz 平面 上 ， 底 
座 中 心 位 于 原点 (0，0，0)，4 个 角 点 位 于 ( 士 50，0， 士 50) ， 塔 顶端 位 于 (0，75，0) 。 
6.2.1.1 准备 一 个 视窗 

为 了 可 见 ， 视 窗 必须 位 于 2D 的 WPF 结构 (如 一 个 window 或 一 个 canvas) 中 。 在 本 例 
中 ， 我 们 选用 WPF Page 作为 视窗 的 2D 展示 区 ， 因 为 它 简 化 了 对 Kaxamal 这 样 的 解释 型 
开发 环境 的 使 用 。 故 我 们 创建 一 个 Page， 然 后 装 和 一 个 大 小 为 640X480( 采 用 WPF 画布 
坐标 度量 ， 如 第 2 章 所 述 ) 的 视窗 : 


<Page 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft .com/winfx/2006/xaml" 


Materials and meshes will be specified here. 
</Page.Resources> 
<Viewport3D Width="640" Height="480"> 


1 
人 
3 
4 
内 <Page.Resources> 
6 
最 
8 
9 The entire 3D scene, including camera lights, model, will be specified 


here. 
10 </Viewport3D> 
ll </Page> 


注意 : 正如 第 2 章 中 那样 ， 这 里 ，XAML 的 某 些 “语法 醋 ” 显 而 易 见 ， 并 可 能 引发 
一 些 问 题 。 然 而 ， 本 章 并 不 打算 成 为 XAML 的 参考 读物 或 替代 .NET 的 文档 ， 我 们 的 重 
点 在 于 语义 而 不 是 语法 。 

相机 、 光 源 和 场景 物体 在 Viewport 3D 的 标记 中 说 明 。 视 窗 的 基本 模板 及 其 内 容 
如 下 : 


1 <Viewport3D ... > 

2 

3 <Viewport3D.Camera> 

4 <PerspectiveCamera described below /> 

和 </Viewport3D.Camera> 

6 

7 <!- The ModelVisual3D wraps around the scene’s content -> 
8 <ModelVisual3D> 

9 <ModelVisual3D.Content> 

10 <Model3DGroup> 

11 Lights and objects will be specified here. 
12 </Model3DGroup> 

13 </ModelVisual3D.Content> 

14 </ModelVisual3D> 


15 </Viewport3D> 


我 们 希望 相机 的 初始 位 置 位 于 金字 塔 之 外 但 又 足够 近 ， 以 确保 在 所 绘制 画面 中 金字 塔 占 
据 大 部 分 区 域 。 为 此 将 相机 置 于 (57，247，41)， 其 拍摄 “方向 ”指向 金字 塔 的 中 心 点 。? 


1 <PerspectiveCamera 

2 Posdtion="S71, ZA47, M1 

3 LookDirection="-0.2, 0, -0.9" 

4 UpDirection="0, 1, 0" 

5 NearPlaneDistance="0.02" FarPlaneDistance="1000" 
6 FieldOfView="45" 

Wi /> 





日 ”要 使 场景 “符合 你 的 心愿 "， 相 机 的 方位 需要 经 过 反复 的 调试 。 在 设计 人 员 对 场景 中 物体 、 相 机 和 光源 的 位 
置 和 朝向 进行 调试 时 ,交互 式 3D 开发 环境 可 为 设计 人 员 提 供 即 时 反馈 ,为 场景 设计 提供 了 很 大 的 便利 。 
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相机 是 一 个 几何 物体 ， 它 放置 在 场景 坐标 系 中 (通过 position 属性 指定 )， 其 朝向 由 
两 个 向 量 确 定 。 

e LookDirection 是 描述 相机 投影 方向 的 向 量 ， 采 用 场景 坐标 定义 。 可 以 将 Look- 

Direction 想象 为 相机 镜头 对 准 场景 中 央 物 体 时 镜头 柱 体 的 中 心 线 。 

e UpPDirection 是 指 围 绕 镜 头 的 观察 方向 对 相机 进行 旋转 ， 使 得 对 观察 者 而 言 ， 镜 
头 中 视图 呈现 朝 上 的 方向 。 在 我 们 的 例子 中 ， 地 平面 为 zz 平面 ， 向 上 方向 向 量 ; 
[0，1，0]"， 该 方向 模拟 一 个 安放 在 沙漠 上 用 来 拍摄 金字 塔 的 固定 三 脚 架 ， 其 成 像 
平面 与 地 平面 垂直 。 

此 外 ， 相 机 视野 的 宽度 采用 角度 来 指定 ; 例如 ， 可 以 用 一 个 较 宽广 的 视野 ， 如 160 ,来 
模拟 广角 镜头 。 同 时 指定 两 个 裁剪 平面 以 防止 出 现 所 拍摄 景物 过 于 靠近 相机 (NearPlane- 
Distance 属性 ) 的 情形 ， 并 通过 忽略 遥远 的 景物 (FarPlaneDistance 属性 ) 来 减少 计算 
成 本 ， 这 些 景物 在 透视 投影 后 变 得 很 小 ， 实 际 上 已 无 法 辨识 。 

接 下 来 我 们 采用 无 方向 的 环境 光 ( 泛 光 ) 照 射 场景 ， 即 不 论 场景 中 景物 表面 的 位 置 和 朝 
向 ， 泛 光 始 终 为 一 个 恒定 的 光照 ( 稍 后 将 扩展 为 更 真实 的 光照 环境 ) 。 泛 光 确 保 每 个 面 都 受 
到 一 定 程度 的 光照 ， 以 避免 背 向 光源 的 表面 区 域 呈 现 不 真实 的 纯 黑 色 。 (在 现实 场景 中 ， 
这 种 区 域 至 少 会 接收 到 来 自 周边 物体 的 相互 反射 ,) 当 与 其 他 光源 组 合 使 用 时 ， 泛 光 取 一 个 
最 小 值 ， 但 在 本 场景 里 ， 泛 光 是 唯一 的 照明 光源 ， 因 此 取 最 高 强度 的 白光 以 确保 明亮 的 绘 
制 效果 。 我 们 通过 在 Mode13DGroup 属性 中 添加 ambientLight 属性 来 指定 泛 光 : 


<AmbientLight Color="white"/> 


课 内 练习 6. 1: 现在 ， 建 议 你 运行 本 章 的 实验 软件 #1 模块 (“Modeling Polyhedra...”)， 
该 软件 可 从 网 上 资源 下 载 ， 在 这 一 小 节 里 我 们 将 始终 引用 该 模块 。 
6.2.1.2 放置 第 一 个 三 角形 

选择 金字 塔 模型 作为 第 一 个 实例 中 的 物体 并 非 巧合 ， 因 为 三 角形 网 格 是 目前 WPF 支 
持 的 唯一 3D 几何 基 元 类 型 (也 是 交互 式 建 模 应 用 程序 生成 的 最 为 常见 的 物体 格式 )。 作 为 
创建 3D 物体 的 第 一 步 ， 我 们 先 定义 一 个 类 型 为 MeshGeo- 
metry3D 的 源 物 体 ， 这 需要 提供 一 个 3D 顶点 (Positions) 
表 和 一 个 三 角形 表 。 三 角形 表 通 过 TriangleIndices 属 
性 指定 ， 即 表 中 的 每 个 三 角形 通过 三 个 指向 Positions 
数组 下 标 ( 从 零 开 始 ) 的 整数 索引 指定 。 在 此 例 中 我 们 指 
定 的 网 格 仅 包 含 一 个 三 角形 ， 即 金字 塔 的 第 一 个 表面 。 
图 6-4 显示 了 该 网 格 的 表格 表示 。 医 加 

程序 员 还 必须 指定 每 个 三 角形 的 正面 (区 分 其 正面 / 图 6-4 一 个 单 三 角形 网 烙 
背面 是 非常 重要 的 ， 甚 重要 性 读者 很 快 就 会 发 现 ) 。 当 在 几何 的 表格 表示 
TriangleIndices 数组 中 设置 三 角形 顶点 (索引 ) 三 元 
组 时 ， 我 们 应 使 三 个 顶点 从 三 角形 正面 观察 时 按 逆 时 针 
顺序 排列 。 以 当前 模型 中 的 三 角形 为 例 。 在 Trian- 
gleIndices 数组 中 ， 三 个 指向 Positions 数组 元 素 
的 下 标 依次 是 0，1，2。 因 此 ， 三 个 顶点 的 排列 次 序 是 
(Or 75 0), X=—80s 0 5005 50 0 B50) 从 金 学 塔 EO 
外 面 看 呈 逆 时 针 顺 序 ， 如 图 6-5 所 示 。 图 6-5 ”基于 顶点 排列 的 逆 时 针 顺序 

此 网 格 的 XAML 描述 如 下 : 来 识别 三 角形 网 格 的 正面 








Positions 
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1 <MeshGeometry3D x:Key="RSRCmeshPyramid" 
2 positions="0, 75y0 =50,050 5070750” 
3 TriangleIndices="0 1 2" /> 


以 上 网 格 描述 位 于 XAML 的 资源 部 分 中 ， 因 此 ， 与 WPF 2D 模板 资源 类 似 ， 只 有 在 
它 被 调用 或 实例 化 时 才 生 效 。 所 以 下 一 步 是 创建 一 个 GeometryMode13D 类 型 的 XAML 
元 素 , 将 3D 物体 添加 到 视窗 内 的 场景 中 ,该 元 素 的 属性 中 至 少 包括 以 下 内 容 : 

e 几何 属性 ， 是 对 之 前 已 创建 的 几何 资源 的 引用 。 

e 材质 属性 ， 通 常 也 是 对 已 有 资源 的 引用 。 材 质 描述 了 表面 对 光 的 反射 属性 ，WPF 

的 材质 模型 提供 了 多 种 类 型 材料 的 近似 属性 值 ， 这 在 6. 5 节 中 将 很 快 会 看 到 。 

为 了 简化 问题 ， 我 们 将 每 一 个 面 赋 予 纯 黄色 的 材料 属性 ， 并 以 黄色 作为 引用 这 种 材质 

的 唯一 关键 字 。 


1] <!- Front material uses a solid-yellow brush -> 
2 <DiffuseMaterial x:Key="RSRCmaterialFront" Brush="yellow"/> 


现 已 准备 就 绪 ， 我 们 将 这 个 XAML 作为 Mode13DGroup 元 素 的 子 元 素 ， 从 而 将 单 三 
角形 网 格 添加 到 场景 中 : 
1 <GeometryModel3D 


2 Geometry="{StaticResource RSRCmeshPyramid}" 
ks Material="{StaticResource RSRCmaterialFront}"/> 


所 建 模型 的 图 像 如 图 6-6 所 示 。 

课 内 练习 6.2: 在 实验 软件 里 ， 在 模型 的 下 拉 列 表 中 选择 “Single face”。 然 后 点 击 
XAML 标签 查看 生成 该 场景 的 源 代 码 ， 激 活 转 盘 使 这 个 三 角形 绕 y 轴 旋 转 。 

如 果 你 让 这 个 三 角形 面 绕 y 轴 旋 转 180 ， 来 查看 它 的 “背面 ”>， 将 会 生成 如 图 6-7 所 
示 的 图 像 ， 图 中 的 三 角形 消失 了 。 





图 6-6 采用 均匀 的 黄色 材质 绘制 图 6-7 第 一 个 三 角形 的 背面 材质 
第 一 个 三 角形 的 正面 未 指定 ， 故 不 可 见 

三 角形 消失 源 于 绘制 过 程 的 优化 : 在 默认 状态 下 ，WPF 不 绘制 任何 表面 的 背面 。 对 
于 常见 的 “封闭 ”物体 来 说 (如 本 例 中 的 金字 塔 )， 其 外 表面 均 由 网 格 三 角形 的 前 向 面 组 
成 ， 这 种 默认 设置 无 疑 受 到 欢迎 : 封闭 物体 的 内 侧 表 面 均 为 三 角形 的 背面 ， 其 法 向 指向 物 
体 体 内 ， 故 为 不 可 见面 ， 也 不 需要 绘制 。 

对 于 当前 例子 中 由 单个 三 角形 组 成 的 简单 模型 ， 我 们 可 暂时 关闭 绘制 优化 设置 并 用 一 
种 对 比 鲜 明 的 颜色 来 显示 背面 。 我们 将 其 BackMaterial 属性 指向 纯 红 色 材 质 ， 并 将 这 
种 材质 通过 密 钥 RSRCmaterialBack 添加 到 资源 中 。 


1 <GeometryModel3D 

2 Geometry="{StaticResource RSRCmeshPyramid}" 

3 Material="{StaticResource RSRCmaterialFront}" 

4 BackMaterial="{StaticResource RSRCmaterialBack}"/> 





结果 ， 当 正面 远离 相机 时 ， 背 面 在 画面 上 出 现 了 ， 如 图 6-8 所 示 。 

课 内 练习 6.3: 在 实验 软件 中 ， 查 看 标记 为 “Use back material” 的 方 框 并 让 模型 旋转 。 

至 此 ， 金 字 塔 的 第 一 个 面 已 经 设置 完成 ， 现 使 用 图 6-9 表 中 所 示 策 略 添加 第 二 个 面 。 
注意 两 个 面 共 享 的 顶点 (wy 和 ) 在 Positions 数组 中 列 出 两 次 ， 这 实际 上 是 一 种 元 余 
的 表示 。 





1 <MeshGeometry3D x:Key="RSRCmeshPyramid" 
2 Positlons—"0750 50050 S00 50 
3 O73;0 S00nS0 S00O=50 
4 TriangleIndices="0 1 2 5 





Positions 








图 6-8 第 一 个 三 角形 的 背面 ， 用 均匀 的 红 图 6-9 由 两 个 三 角形 组 成 的 网 格 面 
色 材 质 绘制 生成 几何 的 表格 表示 
课 内 练习 6. 4: 在 实验 软件 中 ,选择 “Two faces” 
模型 ， 并 让 模型 旋转 。 
结果 在 图 6-10 所 示 的 旋转 模型 的 两 幅 快 照 中 得 到 
了 呈现 。 

















6.2.2 生成 更 真实 的 光照 


上 面 的 绘制 存在 一 个 明显 的 问题 : 不 管 模 型 两 面 
的 组 向 如 何 ， 它 们 都 被 赋予 一 个 单一 、 人 恒定 的 颜色 值 。 
但 是 对 于 白天 时 候 的 沙漠 场景 ， 画 面 中 的 金字 塔 表 面 
应 呈现 不 同 的 光亮 度 : 面向 太阳 的 表面 有 明亮 的 反射 全 
光 ， 而 背 远 太阳 表面 其 反射 光 应 上 暗 一 些 。 民 

显然 ， 由 于 我 们 采用 人 工 构造 的 无 方向 的 泛 光 作 
为 唯一 的 光源 ， 从 而 导致 了 这 种 不 真实 的 效果 。 在 真 
实 世 界 里 ， 光 源 是 场景 的 一 部 分 ， 照 射 到 表面 已 点 的 
光 是 有 方向 的 ( 沿 着 从 光源 指向 己 点 的 向 量 Z)。 此 外 ， 
从 书 点 射 向 相机 的 光 能 也 不 是 一 个 常数 ， 而 是 由 若干 
个 变量 决定 ， 如 相机 的 位 置 、 表 面 在 已 点 的 朝向 、 光 
源 人 射 方向 C、 表 面 材质 的 反射 特性 ， 等 等 。 在 6.5 节 
中 将 讨论 一 个 包含 了 多 个 变量 的 光照 明 方 程 。 但 这 里 图 6-11 来 自 场景 中 一 个 点 光源 的 光 





图 6-10 人 金字塔 在 两 种 不 同 朝向 下 的 
绘制 结果 (只 有 泛 光 照明 ) 








我 们 以 高 层 的 视角 来 看 一 个 更 真实 光源 的 例子 : 点 光 线 ， 从 无 限 多 的 、 不 同 的 角 
源 。 点 光源 是 一 个 几何 光源 ， 它 在 场景 中 位 置 固定 并 度 照射 表面 上 的 各 点 


向 四 面 八 方 发 射出 同等 强度 的 光 ( 如 图 6-11 所 示 )。 由 于 其 发 射 方向 《是 一 个 无 穷 集 合 ， 点 
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光源 的 加 入 可 引起 场景 很 大 的 变化 ， 表 面 上 面向 该 光源 的 每 一 点 都 会 接收 来 自 光 源 沿 唯一 
6 方向 的 光 能 。 

在 6. 5 节 我 们 将 对 点 光源 和 其 他 几何 光源 的 特征 及 其 影响 做 更 详细 的 讨论 ， 但 这 里 我 
们 先 考虑 一 种 简化 情形 : 点 光源 位 于 场景 无 穷 远 处 时 的 “退化 情形 ”。WPF 将 这 种 光源 和 
几何 光源 区 分 开 ， 称 其 为 方向 光源 。 方 向 光源 的 光线 是 平行 的 ， 其 方向 8 为 一 个 恒定 值 ， 
如 图 6-12 所 示 。 它 提供 了 对 来 自 无 限 远 处 的 太阳 光照 的 近似 。 

下 面 我 们 用 方向 光 来 替代 泛 光 ， 将 其 颜色 设置 为 最 高 强度 的 白色 ， 方 向 向 量 & 设 为 
L1， 一 1， 一 1 ， 所 模拟 的 是 太阳 位 于 观测 者 左 后 方 的 情形 : 


<DirectionalLight Color="white" Direction="1, -1, -1" > 


这 种 光 的 方向 4( 如 实验 软件 和 图 6-13 中 的 场景 注释 所 示 ) 相 对 于 三 个 坐标 轴 都 是 45”， 
当 投影 到 XZ 平面 上 时 ， 它 从 (一 xz， 十 z) 象 限 指向 (十 zx， 一 z) 象 限 。 





图 6-12 来 自 位 于 无 限 远 处 的 方向 光源 的 光线 ， 图 6-13 本 例 中 沙漠 场景 的 坐标 系 ， 图 中 
它们 以 相同 的 角度 照射 表面 上 各 点 标记 了 方向 光源 入 射 光线 的 方向 
课 内 练习 6.5: 静态 2D 图 像 并 非 描 述 3D 信息 (如 光照 的 方向 8) 的 最 佳 方 式 ， 因 此 我 
们 建议 你 采用 实验 软件 来 验证 本 节 的 讨论 。 选 择 方向 光照 明 ， 在 注释 中 记录 “ 光 的 方向 ”， 
然后 在 视窗 内 使 用 类 似 于 追踪 球 的 鼠标 交互 使 方向 光 在 场景 中 移动 。 
如 同 1. 13. 2 节 中 所 述 ， 对 于 完全 漫 反 射 表 面 ( 本 例 
中 的 金字 塔 表 面 即 为 此 类 表面 )， 其 反射 光 朝 所 有 观察 
方向 具有 相同 的 亮度 ， 而 与 观察 者 的 方位 无 关 。 反 射 光 
强度 只 取决 于 光源 人 射 物 体 表面 的 方向 。 图 6-14 演示 了 
入 射 光 的 方向 性 是 如 何 度量 的 ， 即 通过 确定 光照 方向 & 
和 表面 法 向 n 之 间 的 夹 角 9，09 值 越 大 ， 光 线 越 倾斜， 反 “ 训 6 让 人 竺 光 方向 6 和 来 面 法 
射 的 光 能 量 就 越 少 。 向 量 n 定义 的 角度 0 
给 定 角 度 9 和 入 射 光 的 光 强 Ta， 可 以 利用 1. 13.1 
章节 介绍 过 的 “ 朗 伯 ”余弦 定律 计算 反射 光 的 强度 
= Tycos0 (6-1) 








我 们 已 经 提 到 过 ， 采 用 “ 光 强 度 ” 这 个 词 来 描述 光 缺 乏 一 个 确切 的 定义 。 光 强度 
是 一 个 模糊 的 术语 ， 甚 至 没有 定义 光 强 单位 的 国际 标准 。 准 确 界 定 “ 有 多 少 光线 到 达 
此 处 ”原本 就 是 有 点 棘手 的 问题 。 第 14 章 将 给 出 一 些 初步 的 想法 ， 第 26 章 中 将 给 出 
详细 的 描述 。 

如 果 “ 光 强度 ”的 定义 不 确切 ， 我 们 的 工作 似 应 停 下 来 ， 但 是 人 类 视觉 系统 提供 了 
解决 之 道 。 人 类 视觉 系统 对 光照 的 变化 (无 论 是 其 随时 间 的 变化 或 邻近 点 之 间 光 照 方向 














的 变化 ) 非 常 敏 感 ， 而 对 光 的 准确 的 亮度 值 似 乎 并 非特 别 在 意 。 事 实 上 ， 如 果 你 把 一 个 
友 度 图 像 上 位 于 0 和 1 之 间 的 灰 度 值 8g 用 g’ 或 gl 替换， 并 重新 显示 该 图 像 ， 仍 然 是 
完全 可 以 理解 。 

顺便 说 一 句 ,， “亮度 ”这 个 词 用 来 描述 光 的 感知 特性 ， 它 是 一 种 心理 物理 的 测量 ， 
而 不 是 一 种 物理 的 度量 。 但 在 许多 图 形 论 文中 它 被 作为 “ 光 强 度 ” 的 代用 疝 。 

现在 我 们 暂 将 “ 光 强 度 ” 理 解 为 “对 光 的 某 种 度量 ， 大 的 光 强 值 意味 着 更 多 的 
光 ”， 等 到 第 26 章 再 对 这 一 问题 做 全 面 的 论述 。 











图 6-15 演示 了 运用 该 公式 计算 单个 三 角形 表面 的 反射 光 强 度 的 结果 (假设 金字 塔 位 于 
不 可 见 的 转盘 上 ， 可 通过 旋转 转盘 构成 不 同 的 入 射 角 0) 。 在 该 图 中 ， 每 个 红色 虚线 向 量 的 
长 度 反 映 了 在 给 定 的 人 射 角 下 表面 上 相应 点 沿 所 示 方 向 反射 光 的 强度 。 由 于 完全 漫 反射 面 
朝 所 有 方向 反射 的 光 强 相等 ， 因 此 对 于 任何 给 定 的 0 值 ， 该 长 度 是 一 个 常数 。 在 漫 反 射 的 
情形 中 ， 朝 所 有 方向 的 反射 向 量 的 端点 的 轨迹 构成 了 一 个 理想 的 半球 面 。( 在 2D 图 形 中 ， 
这 个 包 络 面 看 起 来 像 个 半圆 。) 














从 位 于 沙漠 表面 上 
的 视点 看 到 的 视图 





从 金字 塔 上 空 朝 下 
看 到 的 视图 
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图 6-15 ”基于 郎 伯 余 弦 定 律 计算 不 同 96 角 下 表面 的 亮度 


由 于 表面 反射 光 强 度 与 观察 方向 无 关 ， 该 方程 不 能 用 来 模拟 具有 光泽 的 材质 ， 如 在 特 
定 视线 方向 上 会 呈现 出 高 光 的 金属 和 塑料 。 该 方程 的 男 一 过 度 简化 是 当 9 二 0 时 所 有 入 里 
光 都 将 无 损耗 地 反射 出 去 。 实 际 上 ， 总 有 一 定数 量 的 光 能 被 材料 吸收 因而 不 能 反射 出 去 。 
6. 5 节 将 讲述 一 个 更 为 完整 的 模型 ， 来 纠正 这 些 缺 陷 及 其 他 一 些 问题 。 

采用 方向 光 代替 泛 光 后 ， 朗 伯 光 照 模型 生成 的 结果 真实 了 许多 ， 在 图 6-16 和 图 6-17 
中 可 以 看 到 这 一 点 。 
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图 6-16 方向 光照 射 下 的 金字 塔 ， 其 最 右边 图 6-17 方向 光照 射 下 的 金字 塔 ， 其 最 右边 
表面 (图 中 可 见 ) 的 入 射 角 0 接近 90” 表面 (图 中 可 见 ) 的 入 射 角 0 接近 70 


课 内 练习 6.6: 在 实验 软件 中 ， 通 过 选择 “directional，over left shoulder” 激活 方向 
光源 ， 并 激活 转盘 。 观 察 黄色 正面 光照 的 动态 变化 (可 通过 偶尔 暂停 /恢复 转盘 来 实现 )。 
观察 0 和 cos0 取 不 同 值 时 的 显示 结果 ， 留 意 当 0 的 值 接近 和 大 于 90 时 黄色 面 的 光照 接近 
于 零 。 选 择 不 同 的 模型 ， 检 查 两 个 面 和 四 个 面 的 模型 在 新 的 照明 条 件 下 的 光照 变化 。 





描述 理想 漫 反 射 的 朗 伯 余 弦 定 律 有 两 个 关键 特征 : 反射 光 强 度 与 观察 的 方向 无 关 ; 
它 仅 决定 于 入 射 光 线 方向 如 和 表面 上 该 点 的 法 向 之 间 夹 角 的 余弦 。 为 了 直观 地 理解 该 
现象 ， 可 以 找 一 个 无 光泽 的 表面 (如 干净 的 黑板 或 哑 光 色 的 墙壁 )， 并 将 一 束 亮 光 投 身 
到 该 表面 上 。 然 后 在 被 照射 的 区 域内 选择 一 个 亮点 ， 通 过 细 管 从 不 同 的 方位 观察 这 个 
点 ， 细 管 的 直径 很 小 ， 所 以 你 看 到 的 是 一 个 亮度 均匀 的 小 “点 ” (模拟 一 个 辐射 计 的 检 
测 )。 注 意 : 当 你 改变 观测 方位 时 ， 该 点 的 亮度 将 保持 不 变 ， 而 对 光泽 表面 进行 同样 的 
实验 ， 点 的 亮度 会 变化 。 然 而 ， 当 改变 光源 的 入 射 角 时 ， 你 会 发 现 反射 光 强 度 将 随 着 
入 射 角 的 余弦 而 变化 。 如 果 对 背后 的 数学 原理 有 兴趣 ， 可 参阅 7. 10.6 节 。 











6.2.3 固定 功能 绘制 中 的 “光照 ”与 “着 色 ” 

上 面 给 出 的 朗 伯 方程 和 将 在 1. 13. 1 节 给 出 的 更 完整 方程 均 为 计算 表面 任意 一 点 已 朝 
指定 视点 方向 反射 光 能 的 函数 的 例子 。 

光照 明 方 程 ( 如 朗 伯 方 程 ) 是 描述 物体 表面 材料 反射 光 的 可 计算 的 表达 形式 。 从 理论 的 
角度 看 ， 绘 制程 序 在 处 理 某 一 给 定 的 可 见 表面 时 ， 先 根据 该 表面 的 材质 “加 载 ” 光 照明 方 
程 ， 然 后 对 表面 上 的 点 “执行 ”相应 的 计算 。( 有 意思 的 是 ,在 可 编程 管线 中 ， 这 种 抽象 
表述 已 十 分 贴近 实际 的 处 理 过 程 !) 但 选择 表面 上 的 哪些 点 进行 计算 呢 ? 一 种 合理 的 方案 是 
在 表面 图 像 每 个 像素 所 覆盖 的 表面 区 域内 选择 一 个 代表 点 执行 一 次 计算 。 离 线 绘制 系统 采 
用 的 就 是 这 类 方法 ,但 对 于 当前 商业 硬件 上 运行 的 实时 绘制 系统 来 说 ， 这 种 策略 计算 开销 
太 大 。 而 大 多 数 系统 ， 包 括 固定 功能 管线 (如 WPF) 以 及 可 编程 管线 ， 所 采取 的 方法 是 只 
在 表面 上 选取 若干 关键 点 进行 计算 ,然后 采用 低 耗 费 的 着 色 规 则 5 来 确定 表面 上 位 于 关键 
点 之 间 的 各 点 的 值 。 

以 最 简单 的 被 称 为 均匀 着 色 或 常数 着 色 的 着 色 技 术 为 例 ， 每 个 三 角形 选取 一 个 顶点 作 
为 关键 顶点， 采用 光照 明 方程 计算 该 顶点 的 亮度 值 ， 然 后 用 该 亮度 值 填充 整个 三 角形 。 一 
个 使 用 均匀 着 色 技 术 生 成 的 图 像 的 例子 如 图 6-18 所 示 ， 其 中 突出 显示 了 三 个 三 角形 及 各 





日 ”如 27.5.3 节 中 所 述 ， 此 处 “着 色 ” 指 计算 内 部 各 点 光亮 度 的 一 种 高 效 方法 ， 它 与 现在 使 用 的 术语 “着 色 ” 
和 “着 色 程序 ” 含 义 有 所 不 同 。 





自 的 关键 顶点 。 

对 金字 塔 模型 来 说 ， 均 匀 着 色 技 术 也 许 是 合适 的 ， 
但 当 三 角形 网 格 是 曲面 的 近似 表示 时 (如 图 6-18 所 示 )， 
显然 需要 采用 一 种 更 复杂 的 着 色 技 术 。 在 下 一 节 中 ， 我 们 
将 介绍 一 种 流行 的 实时 着 色 技 术 来 生成 曲面 的 绘制 效果 。 


6.3 曲面 表示 和 绘制 
当 你 环顾 周围 的 房间 时 ， 会 发 现 大 多 数 物体 的 表面 








为 曲面 或 具有 弧 形 的 边缘 。 在 “现实 世界 ”里 ， 像 金字 “天 导 网 个 测 而 全 内 下 人 
塔 一 样 真 正 由 多 边 形 表 面 表 示 的 物体 并 不 多 见 。 因 此 ， = 角形 展示 了 关键 顶点 





在 大 多 数 情况 下 ，3D 场景 里 的 三 角 网 格 并 不 是 用 来 表示 
物体 的 精确 几何 形状 ， 而 是 被 用 来 作为 物体 的 近似 表示 。 

例如 ， 我 们 可 以 用 一 个 多 面 棱锥 体 来 逼近 一 个 圆锥 体 。 采 用 16 个 面 并 使 用 均匀 着 色 
技术 进行 绘制 ， 就 可 以 生成 一 个 相当 好 的 近似 圆锥 体 ( 如 图 6-19 所 示 )， 但 是 它 尚 不 足以 
让 我 们 的 眼睛 将 它 视 为 一 个 真正 的 曲面 。 

逐渐 增加 三 角形 面 的 数量 (如 图 6-20 那样 用 64 个 面 ) 确 有 助 于 改善 绘制 效果 ， 但 近似 
的 痕迹 仍 很 明显 。 试 图 仅 通过 增加 网 格 的 分 辩 率 来 解决 该 问题 (从 存储 /处 理 成 本 来 说 ) 不 
仅 代价 高 昂 而 且 效 果 并 不 理想 : 如 果 相 机 的 位 置 更 为 靠近 网 格 模型 ， 在 某 些 点 处 多 面体 各 
近 的 痕迹 立即 会 明显 起 来 。 








图 6-19 采用 均匀 着 色 方 法 绘制 图 6-20 ”用 均匀 着 色 方 法 绘制 一 个 64 面 的 锥 体 ， 
一 个 16 面 锥 体 多 面体 感 明 显 减 少 ( 但 尚未 消除 ) 


课 内 练习 6.7: 你 或 许 想 运行 实验 软件 里 的 “曲面 建 模 ” 模 块 ， 来 观察 采用 均匀 着 色 
方法 绘制 时 ， 改 变 面 的 数目 对 绘制 效果 的 影响 。 只 要 光标 在 视窗 里 ， 你 就 可 以 通过 按 住 鼠 
标 右键 同时 拖 动 鼠标 将 镜头 移 近 或 移 远 。 注 意 到 增加 面 数 只 能 在 一 定 距 离 内 骗 过 眼睛 ， 一 
旦 镜头 移 近 ， 这 种 欺骗 立刻 显露 原形 。 注 意 物体 运动 时 也 会 使 近似 的 痕迹 更 为 明显 (尤其 
在 底部 的 边 处 )。 

















6. 3. 1 基于 插值 的 着 色 处 理 (Gouraud 着 色 ) 


在 计算 机 图 形 学 发 展 的 早期 ， 计 算 机 内 存 以 千 字 节 计 算 而 且 处 理 器 的 功能 比 目 前 的 处 
理 器 要 低 若 干 个 数量 级 ， 当 时 急需 找到 一 种 可 基于 低 分 辩 率 网 格 近 似 模 型 来 生成 可 接受 的 
曲面 图 像 的 有 效 方法 。 项 点 光照 计算 加 均匀 着 色 填 充 的 方法 曾 被 广泛 应 用 ， 但 是 明显 需要 
找到 一 种 能 够 骗 过 眼睛 的 新 的 着 色 技 术 ， 使 得 所 生成 的 图 像 能 较 好 地 模拟 用 网 格 ( 甚 至 低 
分 辨 率 网 格 ) 表 示 的 曲面 ， 该 方法 应 基于 最 小 的 处 理 器 资源 和 内 存 代价 。 在 20 世纪 70 年 
代 早 期 美国 犹 他 大 学 博士 生 Henri Gouraud 提出 一 种 基于 网 格 顶 点 光亮 度 插值 的 着 色 技 
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术 ， 所 使 用 的 算法 类 似 于 第 9 章 开 放 课 程 中 描述 的 算法 。 为 了 感受 均匀 着 色 和 Gouraud 着 
色 在 绘制 质量 上 的 差异 ， 我们 比较 图 6-21 和 图 6-22 中 犹他 茶壶 两 幅 图 像 。 





图 6-21 用 均匀 着 色 方 法 绘制 经 典 的 图 6-22 相同 茶壶 模型 ， 但 采用 Gouraud 
“犹他 ”茶壶 着 色 方 法 绘制 
让 我 们 先 在 2D 情形 下 考察 Gouraud 光亮 度 插值 。 在 图 6-23 中 ,2D 曲面 显示 为 黄色 ， 
逼近 网 格 的 2D 线段 显示 为 黑色 ,顶点 显示 为 绿色 。 在 每 个 项 点 处 ,采用 光照 明 模 型 (此 处 
为 朗 伯 漫 反 射 模 型 ) 计 算出 该 顶点 的 颜色 。 图 中 显示 了 均匀 着 色 和 Gouraud 插值 (计算 内 部 
点 的 颜色 ) 所 得 到 的 结果 。 


{ 
黄色 曲线 显示 实际 表面 AN | | 
黑色 折线 和 绿色 项 点 。 区 | 
所 示 为 近似 网 格 。 1 二 [SU 
逐个 顶点 计算 光照 一 > O © e@ @ 


复制 (均匀 填 色 ) 一 > 





( Gouraud 着 色 ) 


图 6-23 ”均匀 着 色 方 法 和 Gouraud 着 色 方 法 的 比较 ， 两 种 不 同 的 方法 均 用 来 





确定 顶点 间 各 点 的 光亮 度 值 (顶点 的 光亮 度 值 已 预先 计算 ) 
正如 我 们 已 经 看 到 的 那样 ， 朗 伯 光 照明 模型 取决 于 


表面 法 向 量 半 的 值 。 因 此 ， 为 了 计算 顶点 V 处 表面 的 颜 
色 ， 必 须 确定 顶点 V 处 的 法 向 量 。 应 该 如 何 确 定 这 一 法 
回 量 呢 ? 

如 果 曲 面 为 解析 面 ， 例 如 一 个 完美 的 球面 ， 则 曲面 
的 解析 方程 提供 了 计算 曲面 上 每 一 点 法 向 量 的 方法 。 然 
而 ， 当 曲面 采用 近似 网 格 表 示 时 ， 通 近 曲 面 的 网 格 本 身 
通常 是 我 们 所 知 的 关于 表面 几何 的 唯一 信息 。 不 过 ， 这 

-局 限 性 通过 使 用 Gouraud 取 顶 点 法 向 平均 的 简单 方法 
得 以 缓解 。 

在 2D 中 ,顶点 法 向 量 可 通过 对 相 邻 线段 的 法 向 取 平 
均 来 计算 ， 如 图 6-24 所 示 。 例 如 顶点 Vs 处 的 法 向 量 为 线 及 
段 ViVs 和 V2V; 的 法 向 量 的 平均 值 。 图 6-24 在 2D 情况 下 计算 顶点 法 

在 3D 空间 中 ， 顶 点 法 向 量 则 通过 计算 与 该 顶点 相 邻 向 量 : 取 两 相 邻 线段 的 法 
的 所 有 三 角形 的 法 向 量 的 平均 值得 到 ， 图 6-25 为 一 个 四 向 量 的 平均 
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个 三 角形 共享 一 个 顶点 的 场景 。 

该 技术 的 成 功 之 处 在 于 ， 对 于 一 个 足够 精细 的 网 格 ， 
通过 平均 来 计算 顶点 法 向 量 是 对 表面 在 该 顶点 真实 法 向 
量 的 一 个 良好 的 近似 (第 25 章 将 讨论 这 种 近似 的 局 限 
性 )。 例 如 ， 在 图 6-24 所 示 的 2D 情形 中 ，nv, 看 起 来 像 是 
对 黄色 表面 在 V, 处 法 向 量 的 一 个 很 好 的 估计 。 法 向 量 计 
算 的 准确 度 无 疑 依赖 于 网 格 表示 的 精度 ， 而且， 在 不 连 
续 区 域 ， 对 其 近似 精度 的 要 求 会 更 高 。 

课 内 练习 6.8: 建议 你 重新 运行 实验 软件 里 的 “曲面 a 
建 模 ”模块 ， 并 选择 “Gouraud shading”。 注 意 ， 即 使 对 图 6-25 
由 少量 面 片 组 成 的 网 格 ， 光 亮度 插值 也 是 成 功 的 。 但 你 省 三 直送 丰 量 抽 于 宝 
会 发 现 ， 如 果 近 似 精 度 过 低 ( 例 如 4 面 或 8 面 ) 和 /或 模型 
处 于 旋转 中 ， 锥 体 底部 边缘 的 轮廓 仍 会 呈现 出 网 格 状 ， 难 以 “ 骗 过 眼睛 ”。 


6. 3.2 将 表面 设置 为 多 面体 表面 和 平滑 表面 


WPF 绘制 引擎 无 条 件 地 使 用 Gouraud 插值 方法 着 色 ， 换 句 话 说 ，WPF 并 不 提供 一 种 
允许 应 用 程序 自行 选择 均匀 着 色 或 平滑 着 色 的 绘制 模式 。 然 而 在 6. 2 节 中 我 们 能 够 创建 一 
个 多 面体 形状 的 金字 塔 ， 在 图 6-21 中 曾 展示 了 用 WPF 生成 的 茶壶 均匀 着 色 效 果 。 但 其 中 
是 怎样 使 WPF 生成 均匀 着 色 效 果 的 呢 ? 

考察 图 6-9， 重 新 审视 在 6. 2 节 我 们 第 一 次 指定 的 两 个 金字 塔 面 。 当 时 每 个 共享 顶点 
被 元 余地 放 在 Positions 表 中 以 确保 每 一 ae 个 面 引 用 。 因 为 每 个 顶点 只 属于 一 
个 三 角形 ， 这 使 得 计算 顶点 法 向 量 时 无 需 取 平均 ， 故 每 个 顶点 的 法 向 量 与 所 属 三 角形 的 表 
面 法 向 量 保持 一 致 。 由 于 Gouraud 方法 对 顶点 和 边 的 平滑 作用 源 于 对 顶点 法 向 量 取 平均 ， 
因此 采用 非 共 享 顶点 即 可 有 效 阻止 在 该 顶点 处 产生 平滑 效果 。 

现在 ,假设 这 两 个 面 是 允 近 圆锥 体 的 多 面体 的 相 邻 表面 。 此 时 ， 我 们 确实 希望 在 两 表 
面 上 生成 平滑 着 色 效 果 。 我 们 仍然 指定 这 两 个 三 角形 ， 但 在 TriangleInaices 表 里 ， 对 
共享 的 锥 体 顶 点 (如 图 6-27 中 的 V,) 和 基点 (V;) 的 顶点 数据 实行 “重用 ”: 


1 <MeshGeometry3D x:Key="RSRCmeshPpyramid" 
2 POsitions="0 T7550 =S07 QS50 SOG SO S0700=50n 
3 TriangleIndices="0 1 2 O23" /> 


在 这 个 设置 中 (如 图 6-26 所 示 )， 顶 点 V。 和 V, 为 
两 个 三 角形 所 共享 ， 因 而 在 这 些 顶 点 处 表面 法 向 量 可 
以 通过 取 平 均 来 计算 。 其 结果 如 图 6-28 所 示 ， 顶 点 V。 
和 Vs 之 间 形 成 了 明显 的 平滑 过 渡 。 

总 之 , 用 WPF 设置 表面 网 格 时 需要 遵循 一 个 简单 
的 规则 : 共享 需要 参与 Gouraud 平滑 着 色 处 理 的 顶点 ; 
重复 设置 图 像 中 导致 表面 不 连续 的 顶点 (每 个 顶点 只 被 
= 个 面 引 用 3 

这 两 种 技术 都 需要 ， 一 般 情 况 下 ,复杂 的 对 象 往 
往 是 光滑 曲面 和 不 连续 的 表面 的 混合 ， 它 们 的 折 痕 或 图 6-26 由 两 个 三 角形 所 组 成 网 格 的 
接 缝 的 位 置 需要 在 绘制 图 像 中 得 到 显示 。 不 连续 性 的 几何 设置 (表格 表达 )， 其 中 
例子 包括 : 茶壶 的 壶 嘴 与 壶 体 的 连接 位 置 ， 或 一 架 飞 共享 锥 体 顶 点 和 一 底面 基点 
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机 上 机 沟 与 机 身 的 接 颖 位置。 通过 恰当 地 使 用 顶点 共享 技术 ， 就 可 以 轻松 地 呈现 这 样 的 混 
合 表面 。 





图 6-27 ”金字塔 模型 中 顶点 的 索引 图 6-28 在 WPF 中 指定 共享 顶点 V。 和 Vs。， 对 金字 塔 进 
行 Gouraud 着 色 ， 其 中 共享 顶点 处 的 表面 法 向 量 
取 两 个 三 角形 法 向 量 的 平均 值 


6.4 WPF 中 的 表面 纹理 


面 对 “ 在 早期 实时 绘制 中 什么 是 最 有 效 的 盘 近 真实 的 技巧 ?” 这 一 问题 ， 我 们 猜想 所 
有 的 计算 机 图 形 专家 都 会 认为 是 “纹理 映射 !” 当 需要 显示 “粗糙 的 ”表面 或 颜色 变化 的 
材料 ， 如 砾石 、 砖 、 大 理 石 、 木 头 或 创建 一 个 背景 如 绿 草 如 茵 的 草地 或 茂密 的 森林 时 ， 试 
图 用 网 格 来 刻画 每 一 个 精细 结构 的 材料 细节 是 不 可 取 的 。 假 设 要 模拟 古老 金字 塔 表面 粗糙 
石头 上 的 凹 痕 和 缝 除 ， 先 前 由 4 个 三 角形 组 成 的 简单 网 格 将 激增 成 包含 数 百 万 三 角形 的 网 
格 ， 导 致 应 用 程序 的 内 存 和 处 理 速度 上 的 需求 爆炸 。 

采用 纹理 映射 技巧 (将 2D 图 案 贴 在 3D 表面 上 )， 复 杂 的 材质 (如 亚麻 或 沥青 ) 和 复杂 
的 场景 (如 从 飞机 上 俯视 农田 ) 可 以 得 到 大 致 的 模拟 而 无 需 提 高 网 格 的 复杂 度 ( 在 第 14 章 和 
第 20 章 中 将 详细 讨论 这 一 思想 )。 例 如 ， 我们 场景 中 的 沙漠 地 面 可 通过 将 图 6-29 所 示 的 
图 像 覆 盖 在 一 个 正方 形 ( 两 个 有 公共 边 的 相 邻 三 角形 ) 上 来 表示 。 

WPF 中 在 3D 表面 上 贴 “纹理 ”相当 于 将 一 张 可 伸缩 的 接触 式 印 相 纸 覆盖 到 物体 表面 
上 。 从 理论 上 讲 ， 对 物体 表面 上 的 每 一 点 P， 必须 指定 印 相 纸 接触 于 点 了 的 那个 点 。 然 而 
在 实践 中 ,我 们 通常 只 确定 表面 上 每 个 项 点 在 印 相 纸 上 的 映射 点 ， 然 后 通过 插值 确定 网 格 
内 部 各 点 的 纹理 值 。 

指定 纹理 图 像 上 的 点 需要 一 个 坐标 系统 。 传 统 上 ， 我 们 并 不 采用 精确 的 整数 像素 坐 
标 ， 而 是 使 用 如 图 6-30 所 示 的 浮 点 纹理 坐标 系 ,，u 和 w 轴 的 取 值 范围 为 0 一 1。 


人 x 轴 (1 0) 





(0, 1) 


图 6-29 采用 一 幅 棕 褐色 纹理 的 64X64 的 图 6-30 ”描述 沙漠 图 像 的 浮 点 纹理 坐标 系 ， 
正方 形 图 像 来 模拟 沙漠 地 面 其 原点 位 于 左上 角 
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在 XAML 中 ， 第 一 步 需要 将 给 定 的 纹理 图 像 注册 为 一 种 漫 反射 材质 。 我 们 以 前 使 用 
单 颜 色 笔 刷 ， 但 这 里 我 们 需要 创建 一 个 图 像 笔 刷 来 定义 表 


(-9999, 0, -9999) | (9999, 0, -9999) 
面 材质 : 2 . 


1 <DiffuseMaterial x:Key="RSRCtextureSand"> 

2 <DiffuseMaterial.Brush> 

3 <ImageBrush ImageSource="sand.gif" /> 
4 </DiffuseMaterial.Brush> 

$ 





</DiffuseMaterial> 


接 下 来 的 一 步 是 在 从 资源 数据 库 中 注册 一 个 表示 地 面 C9999, 0, 9999)| (9999, 0, 9999); 
的 简单 双 三 角形 网 格 ， 我们 采用 与 先前 相同 的 技术 , 但 添 。 i 
加 一 个 新 的 属性 ， 即 为 Positions 数组 的 每 个 顶点 指定 
相应 的 纹理 坐标 : 





1 <MeshGeometry3D x:Key="RSRCdesertFloor" 
2 Positions="-9999, 0, -9999 
3 9999, ©, =9999 
4 9999; 0 ‘9993 
5 -9999, 0 9999 
6 TextureCoordinates=" 0,0 170 ph Qs 
村 TriangleIndices="0 1 3 二 设 3 
2 图 6-31 将 表示 沙漠 地 面 的 双 三 角 
因为 这 是 一 个 从 矩形 (在 3D 模型 中 两 共 面 的 三 角形 ) ee 
2 ， 人 与 三 时 时 坐标 可以 的 < 
到 矩形 (纹理 图 像 ) 的 映射 ， 所 以 我 们 仅 需 指定 单位 正方 形 人 


纹理 坐标 系 的 四 个 角 点 ， 如 图 6-31 所 示 。 
在 资源 库 中 注册 了 表面 的 材质 和 几何 后 ,就 可 以 实例 化 沙漠 地 面 : 


1 <GeometryModel3D 
2 Geometry="{StaticResource RSRCdesertFloor}" 
3 Material="{StaticResource RSRCtextureSand}"/> 


以 金字 塔 上 方 一 点 作为 视点 生成 的 视图 如 图 6-32 所 
示 。 显 然 ， 结 果 并 不 好 ; 虽然 沙漠 地 面 的 颜色 有 些 细微 的 变 
化 ， 但 是 需 添加 颜色 的 地 面 网 格 片 太 大 了 (与 金字 塔 相 比 )。 

问题 出 在 : 我 们 将 一 幅 64X 64 像素 的 小 的 沙 粒 图 像 巾 
纸 ( 它 本 是 用 来 表示 约 一 平方 英寸 的 沙 粒 ) 进 行 延伸 并 让 它 
覆盖 整个 沙漠 地 面 ， 虽 然 在 不 考虑 尺度 的 情况 下 该 贴图 看 
上 去 具有 一 定 的 真实 性 ， 但 贴图 的 结果 却 一 点 也 不 像 沙子 。 图 6-32 沙子 纹理 图 像 被 过 度 拉 介 

此 处 模拟 沙漠 地 面 的 失败 是 一 幅 合 理 的 纹理 图 像 被 不 CR 
正确 地 映射 到 模型 表面 。 在 WPF 中 实施 纹理 映射 时 需要 
在 两 种 映射 策略 之 间 进 行 选择 : 分 片 拼接 方式 和 拉 伸 
半生， 


6.4.1 基于 分 片 拼接 的 纹理 映射 
如 果 纹 理 是 被 用 来 模拟 外 观 一 致 且 不 存在 明显 不 连续 图 6-33 ”正方 形 的 砖 块 纹理 图 像 

点 的 材质 (如 沙 粒 、 沥 青 、 砖 等 )， 为 了 覆盖 整个 目标 表 

面 ， 我 们 可 以 根据 需要 对 纹理 图 像 进 行 复制 。 在 这 种 情况 下 ， 所 贴 纹理 通常 是 该 材质 的 一 

个 小 样本 图 像 ( 合 成 图 像 或 拍摄 的 照片 )， 该 样本 图 像 已 经 经 过 特别 剪裁 以 确保 相 邻 图 片 之 

间 能 够 无 颖 拼接。 作为 一 个 例子 ， 我 们 考虑 图 6-33 显示 的 6 行 红色 砖 块 的 纹理 图 像 。 
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倘若 不 进行 分 片 处 理 将 它 直接 映射 到 长 方 体 棱柱 的 各 个 表面 ， 也 会 产生 一 个 合适 的 网 
像 ( 图 6-34) ， 但 是 其 砖 块 的 行 数 不 足以 呈现 一 个 高 大 的 堡垒 。 分 片 拼 接 贴图 允许 砖 块 的 行 
数 成 倍增 加 ， 所 生成 的 图 像 更 像 一 个 高 大 的 城堡 (图 6-35) 。 





图 6-34 对 砖 块 纹理 进行 拉 伸 图 6-35 对 砖 块 纹理 进行 复制 ， 然 后 对 其 进行 
然后 贴 到 每 个 墙 面 上 分 片 拼接 ， 贴 到 每 个 墙 面 上 


可 参阅 实验 软件 中 的 纹理 映射 模块 ， 详 细 了 人 解 在 WPF 中 如 何 启用 和 设置 分 片 拼接 贴图 。 


6.4.2 基于 拉 伸 的 纹理 映射 


如 果 纹 理 是 用 来 替代 一 个 高 度 复杂 的 模型 (例如 ， 从 高 空 看 到 的 城市 或 多 云 的 天 空 )， 
所 采用 的 纹理 图 像 往往 具有 相当 大 的 幅面 (具有 足够 高 的 分 辨 率 )， 它 可 能 是 摄影 图 像 或 原 
创 的 艺术 作品 (如 用 来 表现 虚幻 世界 中 某 个 景观 )。 最 重要 的 是 .这 种 纹理 图 像 看 上 去 像 一 
个 整体 的 “场景 ”"， 分 片 拼接 反而 不 自然 。 使 用 这 种 纹理 图 像 的 正确 方式 是 恰当 地 设置 网 
格 表面 的 纹理 坐标 对 纹理 图 像 进 行 拉 伸 使 其 覆盖 网 格 模型 。 . . 

例如 ， 在 我 们 的 沙漠 场景 里 ， 作 为 背景 的 天 空 ( 见 图 6-5 一 
图 6-17 中 经 常 看 到 的 那样 ) 被 建 模 为 一 个 圆柱 的 内 表面 并 采 
用 实 拍 的 天 空 照片 ( 见 图 6-36) 作 为 纹理 ， 对 它 进行 拉 伸 来 实 
现 纹 理 映射 。 

参阅 实验 软件 中 的 纹理 映射 模块 ， 详 细 了 解 在 WPF 中 
如 何 启用 和 设置 基于 拉 伸 的 纹理 映射 。 更 多 的 内 容 ， 包 括 计 
算 曲 面 纹 理 坐 标的 算法 以 及 对 纹理 映射 中 常见 问题 的 讨论 ， 图 6-36 天 空 的 图 像 
将 在 9. 5 节 和 第 20 章 中 给 出 。 








6.5 WPF 反射 模型 


在 6.2.2 节 中 ， 我 们 介绍 了 如 何 采 用 简单 的 朗 伯 余弦 公式 来 计算 漫 反 射 表面 的 反射 光 
强度 。 这 个 简单 的 方程 只 是 完整 的 WPF 反射 模型 的 一 部 分 ， 它 基于 一 种 近似 计算 策略 ， 
能 生成 可 接受 的 结果 而 无 需 经 过 复杂 的 物理 计算 ， 并 适用 于 多 种 商业 网 形 硬 件 。 


6.5.1 颜色 设置 


“颜色 ”一 词 可 用 来 描述 多 个 属性 : 光波 的 光谱 分 布 ， 表 面 反 射 的 不 同 波长 光 的 数量 
以 及 人 们 观察 该 物体 时 的 感知 。 颜 色 的 精确 表示 是 一 个 严谨 的 问题 ,我们 将 在 第 28 章 专 
门 介绍 。 事 实 上 ， 尽 管 通过 RGB 三 原色 来 指定 颜色 是 图 形 API 和 绘图 /着 色 应 用 程序 中 的 
常用 方法 ， 但 它 是 计算 机 图 形 学 所 有 近似 方法 中 一 种 最 粗糙 的 近似 。 

在 描述 一 个 场景 时 ， 我 们 需要 指定 光源 的 颜色 和 物体 本 身 的 颜色 。 在 WPF 中 ,指定 
光源 的 颜色 是 简单 的 ( 见 6. 2. 2 节 )， 但 指定 物体 的 颜色 却 复杂 得 多 ， 需 要 将 其 分 解 成 三 个 
不 同 的 分 量 。6. 5. 3 节 将 描述 物体 颜色 设置 的 方法 及 其 可 达到 的 效果 。 
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6. 5.2 光源 几何 


目前 为 止 ， 我们 已 使 用 过 两 种 WPF 光源 (环境 泛 光 和 方向 光 )， 它们 都 是 非常 实用 的 
近似 方法 但 也 明显 地 不 真实 : 它们 并 非 从 场景 中 某 个 特定 的 点 发 出 ， 而 且 对 整个 场景 来 
说 ,它们 所 发 光 的 亮度 都 是 均匀 的 。 
几何 光源 增加 了 场景 光源 的 真实 感 ， 它 位 于 场景 中 某 一 位 置 并 且 所 发 出 的 光 是 衰减 
的 ， 也 就 是 说 ， 到 达 特 定 表面 上 某 点 了 的 光 能 依赖 于 光源 与 该 点 的 距离 。WPF 提供 了 两 
种 几何 光源 类 型 : 
@ 点 光源 ， 朝 各 个 方向 发 射 等 量 的 光 能 ， 它 模拟 了 一 个 在 天 花 板 上 无 任何 灯 单 或 遮光 
装置 的 灯泡 。 其 参数 包括 点 光源 的 位 置 和 光 训 减 的 类 型 /速率 (常数 线性 或 二 次 ， 如 
14. 11. 9 节 所 述 ) 。 在 本 章 的 实验 软件 里 允许 使 用 这 种 类 型 的 光源 。 

e 聚光灯 ， 与 点 光源 的 情形 类 似 ， 但 它 模 拟 的 是 剧院 里 的 聚光灯 ， 它 发 射 均 匀 强 度 的 
光 但 所 发 光 局 限 在 一 个 锥 形体 内 。 

几何 光源 是 有 用 的 但 仍然 只 是 一 种 近似 ， 因 为 真正 的 物理 光源 (如 14. 11. 6 节 所 述 ) 有 具 
有 体积 和 表面 积 ， 因 此 光 不 会 仅 从 一 个 点 发 出 。 


6.5.3 反射 率 


在 构建 本 章 的 沙漠 场景 模型 时 ， 我 们 已 经 通过 指定 单一 颜色 或 纹理 图 像 设 置 了 模型 的 
材质 。 然 而 ， 除 了 颜色 之 外 ， 材 质 还 有 其 他 的 属性 。 如 果 你 购买 了 内 墙 涂 料 ， 就 必然 知道 
还 需要 选择 其 光洁 度 ( 哑 光 、 和 蛋 壳 型 、 维 面 、 半 光泽 型 )， 它 描述 了 油漆 后 的 表面 如 何 反 

物体 表面 反射 光 的 物理 机 制 非常 复杂 ， 过 去 数 十 年 间 ， 固 定 功能 管线 均 采 用 经 典 的 称 
为 Phong 反射 (光照 明 ) 模 型 的 近似 方法 ， 可 以 很 小 的 计算 成 本 有 效 地 模拟 光 的 反射 效果 ”。 
Phong 光照 明 模 型 在 刻画 表面 的 材质 属性 时 将 反射 光 分 解 成 三 个 不 同 的 分 量 : 泛 光 (通常 
取 一 个 小 的 常数 值 ， 是 对 环境 内 所 有 物体 之 间 多 重光 反射 的 粗略 的 模拟 )， 漫 反射 光 ( 代 表 
表面 朝 所 有 方向 均匀 反射 的 光 ， 该 反射 光 的 光 强 各 向 相等 ， 与 观察 的 方位 无 关 )， 镜 面 反 
射 光 s (代表 当 视点 靠近 理想 镜面 反射 方向 时 光滑 表面 朝 观察 者 方向 所 发 出 的 明亮 的 高 光 ) 。 
这 三 个 分 量 的 光 强 值 (图 6-37a 一 图 6-37c) 相 加 得 到 最 终 的 绘制 效果 ， 如 图 6-37d 所 示 。 

漫 反 射 和 镜面 反射 相互 独立 的 性 质 使 我 们 能 够 模拟 具有 多 个 不 同 反 射 特性 表层 的 材质 
的 近似 外 观 。 以 抛光 红 苹 果 为 例 : 在 苹果 红色 漫 射 层 之 上 的 是 无 色 蜡 质 涂 层 ， 它 使 表面 呈 
现 光泽 (其 颜色 和 光源 颜色 一 致 ) 。 光 译 型 反射 在 塑料 制品 中 十 分 常见 ， 不 过 不 是 由 于 多 层 
反射 ， 而 是 基于 塑料 材质 本 身 的 性 质 。 在 图 6-37 所 示 的 蓝 色 塑 料 茶 壶 上: 其 表面 光泽 与 
无 色 的 人 射 白 光一 致 ， 而 其 漫 反 射 光 为 塑料 材质 本 身 的 蓝 色 。 在 6.5.3.3 节 中 我 们 将 更 
详细 地 解释 如 何 生 成 这 种 效果 。 当 然 ， 对 诸如 人 的 皮肤 这 样 的 复杂 材料 来 说 ， 简 单 地 将 
互 不 影响 的 两 个 反射 分 量 进行 求 和 还 远 远 不 够 ;14.4 节 将 介绍 更 多 、 更 精确 的 材质 模型 ， 
第 27 章 中 将 讨论 所 有 的 细节 。 








加 这 一 基于 经 验 的 反射 模型 是 在 20 世纪 70 年 代 对 光栅 图 形 和 绘制 技术 研究 中 ,由 Uath 大 学 的 博士 生 Bui 
Tuong Phong 率先 提出 ， 稍 后 Blinn 对 该 模型 做 了 少许 修改 ， 是 使 用 时 间 最 长 的 光照 模型 (特别 在 实时 图 形 
学 中 )。 

回 ”在 本 章 中 ,我 们 所 说 的 “镜面 反射 ” 指 相对 汇聚 的 反射 光 而 不 是 指 理想 的 镜面 反射 光 。 其 他 各 章 中 , “镜面 
反射 ”意味 着 “ 纯 镜 面 "， 而 其 他 类 似 的 镜面 反射 效果 则 被 称 为 “光泽 ”。 对 表面 光泽 使 用 “镜面 高 光 ” 一 
词 既 沿袭 了 Phong 的 原始 论文 也 符合 WPF 中 的 约定 ， 但 它 与 普通 的 “具有 镜面 性 质 ” 是 有 区 别 的 。 
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© d) 
图 6-37 茶壶 的 绘制 结果 ， 显 示 了 Phong 光照 方程 中 每 一 个 分 量 对 最 终结 果 的 贡献 : a) 泛 光 ， 
b) 漫 反 射 光 ，c) 镜面 反射 光 ，d) 三 个 分 量 相 加 所 成 的 最 终结 果 


在 本 节 中 ， 我们 描述 了 WPF 反射 模型 的 光照 方程 ， 该 方程 在 很 大 程度 上 基于 (但 并 非 
完全 限定 于 )Phong 模型 。 我 们 先 来 看 方程 中 作 为 物体 材质 属性 的 输入 参数 (例如 ，WPF 
中 的 DiffuseMaterial 属性 以 及 本 章 线 上 材料 中 列举 的 其 他 属性 ): 











符号 描述 格式 
表面 “ 漫 反射 层 ” 的 固有 颜色 = -ey 
Cs 表面 “镜面 反射 层 ” 的 固有 颜色 (CsRs Cits CoB 
k 表面 漫 反 射 层 对 泛 光 的 反射 系数 (kaR, Ra.G，Ra,B) 
Ad 表面 漫 反 射 层 对 方向 光 和 几何 光源 光 的 反射 系数 (kaR, kaG, kd.B) 
ks 表面 镜面 反射 层 对 方向 光 和 几何 光源 光 的 反射 系数 《和 7 KesGs kp) 
对 于 单一 颜色 的 材质 ， 材 质 的 漫 反 射 层 和 镜面 反射 层 的 固有 颜色 在 整个 表面 上 是 一 个 


常数 。 对 于 一 个 具有 纹理 的 材质 ， 则 由 纹理 图 像 和 纹理 算法 共同 确定 表面 上 每 个 点 的 漫 反 
射 层 的 颜色 。 

反射 系数 中 每 一 个 都 表示 成 RGB 三 元 组 ， 每 一 个 因子 都 指定 为 0 和 1 之 间 的 数字 ，0 
表示 “无 反射 >，1 表示 “全 反射 ?>。 例 如 ， 当 Ag=0.5 时 ， 漫 反射 层 将 准确 反射 场景 泛 光 
中 红色 分 量 的 一 半 

这 里 的 “反射 系数 ”与 物理 上 的 反射 率 是 密切 关联 的 ,我 们 将 在 第 26 章 进 行 详 细 
说 明 

接 下 来 ， 让 我 们 来 看 放置 在 场景 中 的 光源 的 输入 参数 ， 它 们 可 通过 WPF 中 的 光源 属 
性 指定 或 导出 ， 例 如 DirectionalLight: 





符号 描述 格式 

1 场景 泛 光 的 颜色 / 光 强 (TR Td Tl) 

lar 方向 光源 的 颜色 / 光 强 (TirR, TarG» Tir,B) 
4 几何 光源 的 颜色 / 光 强 Cd em Tom 


Fa 几何 光源 的 衰减 因子 单个 实数 值 





一 个 几何 光源 对 表面 光照 的 实际 贡献 会 因 误 减 而 受到 影响 。 对 于 表面 上 的 每 一 点 也 ， 
可 根据 光源 的 特性 及 其 与 点 了 的 距离 来 计算 衰减 因子 F。,， 因 此 从 几何 光源 到 达 表 面 一 点 
P 的 实际 光 能 是 
(Fig Tay Ban Teen YT ut Tec) 
现在 我 们 已 经 列 出 了 所 有 的 输入 ， 可 以 着 手 讨 论 WPF 光照 方程 。 下 面 是 从 表面 上 指 
定点 到 达 相 机 的 反射 光 中 红色 分 量 的 光 强 (我 们 详细 考虑 每 个 部 分 如 下 ) : 


Ir = (6-2) 

(CIR RuR CaR) (6-3) 

十 > (TawR ka.r Car (cos 0)) (6-4) 
directional lights 

Si > Ra TimaR Kak Car Ce0s0)) (6-5) 
geometric lights 

FS Ci CR Ch Coos dy) (6-6) 
directional lights 

= > (Pi Taiwan oR GaR (EOs6)) (6-7) 





上 述 方程 中 的 求 和 禾 盖 了 所 有 种 类 的 光源 ( 稍 后 将 会 讨论 )。 

如 果 场 景 中 包含 多 个 光源 ， 或 者 如 果 表 面 反 射 中 含有 多 个 分 量 ( 例 如 ， 既 有 泛 光 又 有 
漫 反 射 光 ) 并 具有 高 的 反射 系数 ， 其 计算 结果 可 能 超过 入 射 光 强 ， 显 然 这 是 无 意义 的 ， 因 
为 像素 光亮 度 红色 分 量 的 值 必须 位 于 入 射 光 强 相 应 分 量 的 0 名 一 100 攻 范围 内 。 简 单 的 光照 
明 模 型 将 其 极限 值 限定 为 100%,“ 超 出 ”部 分 则 被 丢弃 。 但 这 种 简单 的 处 理 方 式 对 绘制 可 
能 产生 负面 影响 ,包括 导 致 色彩 或 色 饱 和 度 出 乎 意料 的 突变 。 针 对 这 种 情形 的 更 复杂 的 处 
理 方法 可 参见 第 26 章 和 第 27 章 中 的 讨论 。 失败 的 原因 是 之 前 提 到 过 的 从 严谨 的 “ 光 强 
度 ” 概 念 。 在 该 模型 中 光 强 度 被 作为 一 个 从 0 到 1 变化 的 数字 ， 面 对 场景 的 规模 和 光照 复 
杂 性 的 增加 ， 这 显然 是 一 个 不 好 的 选择 。 

课 内 练习 6.9: 下 面 我 们 将 介绍 WPF 反射 模型 中 的 不 同 的 分 量 ， 你 可 使 用 实验 软件 
中 的 光源 /材料 模块 ， 通 过 所 附 的 练习 (可 在 本 章 的 在 线 资 源 中 找到 ) 和 进行 实验 来 体会 各 分 
量 的 效果 。 
6.5.3.1 泛 光 反射 

泛 光 对 整个 场景 保持 不 变 ， 因 此 计算 泛 光 反射 分 量 极 为 简单 ， 且 无 需 任 何 几何 信息 。 
在 WPF 反射 率 模型 中 未 设 泛 光 的 固有 颜色 ， 所 以 我 们 使 用 材质 的 漫 反 射 颜 色 。 其 中 泛 光 
反射 的 红色 分 量 为 : 

和 二 (6-8) 
建议 你 立即 动手 实现 在 线 提供 的 光照 练习 中 与 泛 光 有 关 的 实验 。 
6.5.3.2 漫 反 射 

方向 光源 出 现在 反射 模型 中 的 漫 反 射 项 中 ， 可 采用 6. 2. 2 节 描 述 的 朗 伯 余弦 定律 进行 

计算 。 下 面 是 该 项 的 红色 分 量 ， 其 中 考虑 了 场景 中 所 有 的 方向 光源 : 
CO (6-9) 


nal lights 


这 里 的 求 和 针对 场景 中 所 有 的 方向 光源 ， 注意 对 于 每 个 光源 ， 其 0 角 以 及 Iw,r 都 是 不 
同 的 。 
对 所 有 几何 光源 也 有 一 个 类 似 的 求 和 表达 式 ( 参 见 完整 光照 表达 式 中 的 漫 反 射 项 (6-5) 
式 )， 式 中 考虑 了 几何 光源 的 衰减 特性 。 
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建议 读者 立即 去 做 在 线 光 照 练习 中 与 漫 反 射 相 关 的 实验 。 

注意 ， 对 于 单 色 材料 ， 就 计算 而 言 ， 严 格 区 分 Ce 和 ks 这 两 个 参数 是 不 必要 的 ， 你 可 
以 将 它们 看 成 同一 项 。 也 就 是 说 ， 可 以 将 ,rk 设 定 为 1.0， 然 后 通过 调整 Ci 达到 所 需要 
的 效果 ; 反 过 来 ,也 可 以 固定 Cur 而 只 修改 有 .rk。 然 而 ， 当 表面 该 点 的 固有 颜色 Cs 由 纹理 
映射 指定 时 ， 这 两 个 参数 的 区 别 就 变 得 有 意义 了 ; 在 这 种 情况 下 ， 需 要 通过 调整 kx 因子 
来 影响 由 纹理 指定 的 颜色 Cs 的 反射 效果 。 
6.5.3.3 镜面 反射 

镜面 反射 项 也 是 对 场景 中 的 每 一 个 方向 光源 和 几何 光源 分 别 进 行 计算 然后 相 加 而 得 到 
的 光 强 。 让 我 们 先 考察 所 有 方向 光源 所 产生 的 镜面 反射 光 强 : 

Lah Com dy (6-10) 


directional lights 


大 多 数 材质 产生 的 镜面 反射 均 为 表面 漫 反射 颜色 和 光源 颜色 的 某 种 混合 ,但 两 者 混合 
的 比例 是 变化 的 。 你 可 能 已 经 注意 到 一 些 有 光泽 的 材质 所 显示 的 高 光 实质 上 是 该 材质 漫 反 
射 颜色 的 “ 增 亮 ” 版 。 例 如 ， 由 于 明亮 光源 照射 所 导致 的 黄 铜 茶 壶 上 的 高 光 是 入 射 光 颜色 
挫 人 了 黄 铜 颜色 后 的 “染色 ”版 。 但 是 ， 如 前 所 述 ， 对 于 塑料 材质 ， 其 镜面 高 光 的 颜色 主 
要 决定 于 光源 的 颜色 而 不 是 塑料 本 身 的 漫 反 射 颜色 。 为 了 模拟 这 种 类 似 于 塑料 的 外 观 ， 需 
要 确保 A 和 C. 乘积 的 值 不 偏向 任何 原色 (红色 、 绿 色 或 蓝 色 ) ， 使 镜面 高 光 保 持 入 射 光 线 
的 色调 。 

上 述 计算 同样 包含 了 一 个 基于 余弦 的 衰减 因子 ， 但 在 两 个 方面 上 与 朗 伯 定律 有 所 不 
同 。 首 先 ， 朗 伯 定 律 只 考虑 入 射 光线 方 向 和 表面 朝向 ， 因 此 计算 得 到 的 漫 反 射 分 量 与 视点 
无 关 。 然 而 ， 镜 面 反 射 光 与 视点 高 度 相 关 ， 因 此 其 反射 光 强 取决 于 一 个 不 同 的 值 6， 在 
Phong 模型 的 原始 公式 中 ，6 为 反射 方向 向 量 r( 基 于 1.13.1 节 所 述 的 “反射 角 等 于 入 射 角 ” 
规则 计算 ) 和 从 表面 给 定点 到 相机 的 向 量 e 之 间 的 夹 角 ， 如 图 6-38 和 图 6-39 所 示 。cos6 的 作 
用 在 于 : 当 视 点 位 于 方向 向 量 > 上 时 镜面 反射 效果 最 强 ， 而 当 其 偏离 > 时 则 不 断 减弱 。 





图 6-38 Phong 用 来 计算 镜面 反射 光 的 最 初 方法 ， 图 6-39 Phong 用 来 计算 镜面 反射 光 的 最 初 方法 ， 


图 中 所 示 为 相机 位 置 非常 接近 于 反射 光 图 中 所 示 为 相机 位 置 偏离 反射 光线 方向 

线 的 情形 稍 远 的 情形 。 当 取 cos6 高 次 过 时 ，cos6 
不 同 的 值 将 导致 更 大 的 差异 ， 此 时 本 图 
中 的 镜面 反射 项 几乎 为 零 


其 次 ， 虽然 cos6 可 以 确保 当 方 向 e 偏离 方向 ~ 时 镜面 反射 光 的 强度 下 降 ， 但 我 们 仍 需 
要 控制 下 降 速 度 的 快慢 。 对 于 理想 的 镜面 ， 不 存在 缓慢 下 降 的 情形 : 当 视 点 严格 位 于 方向 
六 上 时 ， 反 射 光 强度 达到 最 大 值 ， 除 此 之 外 均 为 零 。 不 过 对 于 现实 世界 中 的 材料 ， 这 种 截 
然 二 分 的 情形 并 不 会 发 生 ， 只 是 对 不 同 的 材质 而 言 ， 其 下 降 的 速度 各 不 相同 而 已 。 因 此 ， 
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方程 中 提供 了 一 个 控制 镜面 反射 性 能 的 变量 *， 称 为 材质 的 镜面 指数 (或 高 光 指 数 ) 。 对 于 
呈现 高 光泽 的 材料 ， 高 光 指 数 ; 的 值 通常 在 100 一 1000 之 间 ， 可 模拟 镜面 高 光 的 急剧 误 
减 。 而 一 个 具有 光泽 的 苹果 的 ; 值 可 能 是 10。 显 然 ， 这 提供 了 一 个 很 大 的 、 可 度量 高 光 效 
果 的 调节 范围 。 实 验 软 件 可 以 让 你 体会 不 同 * 值 对 镜面 反射 光 的 控制 效果 ， 我们 鼓励 你 去 
做 在 线材 料 中 的 镜面 反射 -光照 练习 。 





在 镜面 高 光 分 量 中 的 指数 s 有 时 写 为 n， 但 这 可 能 与 用 来 标记 表面 法 向 量 的 nn 冲 
突 。 (有 了 时 也 记 为 n.，' 其 中 下 角 “s” 代表 “镜面 ?。 经 验 表 明 ， 调 整 镜 面 高 光 指 数 的 对 
数 可 让 艺术 家 更 好 地 调整 表面 的 镜面 反射 性 能 。 当 艺术 家 将 移动 滑 块 从 0 移 到 3， 高 光 
指数 将 从 1 变化 为 1000: 其 中 滑 块 处 于 值 0 时 可 产生 类 似 于 乳胶 涂料 的 外 观 ， 取 值 为 
1 可 生成 具有 光泽 的 苹果 外 观 ， 取 值 为 2 时 可 生成 一 个 闪 亮 的 硬币 外 观 ， 取 值 为 3 时 可 
生成 镜子 般 的 外 观 。 

在 这 一 章 ， 我 们 介绍 了 角度 6 的 Phong 氏 经 典 定义 。WPF 和 许多 流行 的 固定 功能 
管线 实际 使 用 的 是 一 个 非常 相似 但 计算 效率 更 高 的 变化 形式 ， 通 常 称 为 Blinn-Phong 
模型 。 该 模型 采用 了 一 种 不 同 的 计量 角度 8 的 方法 ， 将 在 14.9.3 节 描 述 。 











6.5.3.4 自发 射 光 源 
许多 绘制 系统 提供 了 一 种 人 为 定义 的 自身 发 光 的 自发 射 光 源 ， 它 允许 表面 “反射 ”外 
部 实际 不 存在 的 光 。 自 发 射 光源 与 几何 无 关 且 不 会 衰减 。 计 算 其 发 射 光 强 时 只 需 指定 一 种 
颜色 (单一 颜色 或 纹理 颜色 )， 将 其 添加 到 表面 的 其 他 三 个 反射 分 量 中 即 可 产生 最 终 的 光 强 
度 值 。 当 自发 射 的 光 取 为 纹理 颜色 时 最 为 有 用 ， 例 如 ， 模 拟 夜 晚 时 刻 的 城市 景观 背景 或 繁 
星 点 点 的 天 空 。 不 过 ， 它 也 可 以 用 来 模拟 具有 特殊 
“外 观 ” 的 需 虹 灯光 照 效 果 ( 虽 然 它 并 不 直接 照 亮 任何 
场景 )。 建 议 你 做 在 线材 料 上 的 自发 射 -光照 练习 。 


6.6 基于 场景 图 进行 层次 建 模 

沙漠 场景 中 没有 骆驼 怎么 行 呢 ? 本 节 中 我 们 将 设 
计 一 个 简单 的 关节 式 ( 如 图 6-40 高 亮 显 示 ) 机 器 人 骆 
驼 ， 这 些 关 节 可 支持 刚体 绕 单一 轴线 的 旋转 运动 。 本 
节 建 立 在 第 2 章 时 钟 动 画 例子 所 采用 的 建 模 和 动画 技 
术 基础 上 。 除 了 下 面 的 XAML 代码 示例 是 专门 针对 图 6.40 








采用 WPF 对 分 层次 建 模 的 骆 


WPF 平台 外 ， 其 他 复杂 模型 的 装配 和 动画 技术 对 于 所 驼 进行 绘制 ， 可 支持 骆驼 的 
有 场景 图 平台 都 是 常见 的 。 腿 和 颈 部 关节 动画 


在 这 一 节 中 ， 我 们 将 引用 本 章 实验 软件 中 的 “层次 建 模 ”模块 中 的 作业 ， 在 阅读 本 节 
时 我 们 强烈 建议 你 实现 这 些 作业 ，。 


6. 6. 1 模块 化 建 模 的 动因 


在 设计 一 个 复杂 的 模型 时 ， 开 发 人 员 通 常会 将 模型 划分 为 几 个 部 件 ( 我 们 称 为 子 构 
件 )， 实 现 模 型 几何 的 模块 化 。 避 人 免 模型 的 整 块 化 (单一 网 格 ) 有 许多 理由 。 

e 材质 通常 在 网 格 层 ( 如 WPF 中 的 GeometryMode13D 元 素 ) 进 行 设 置 。 因 此 如 果 你 

想 让 模型 不 同 部 位 的 材质 有 所 变化 (如 想 将 骆驼 的 脚 设置 成 与 其 肥 骨 不 同 的 材质 )， 
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就 必须 将 其 划分 成 子 构件 。 

当 同 一 构件 出 现在 模型 的 多 个 地 方 (如 骆驼 的 四 条 腿 ) 时 ， 只 需 定义 一 次 ， 然 后 根据 
需要 进行 实例 化 。 如 同 软件 模块 ， 构 件 的 可 重用 性 是 3D 建 模 的 基础 ， 它 是 对 复杂 
场景 进行 优化 的 一 项 关键 技术 。 

子 构件 的 使 用 便于 实现 模型 各 部 件 的 动画 和 运动 。 如 果 将 一 个 复杂 物体 定义 为 单个 
网 格 ， 设 置 模型 部 件 的 运动 时 将 需要 对 整个 网 格 进行 编辑 。 但 如 果 设 计 是 模块 化 
的 ， 只 需 对 相应 的 构件 施加 一 个 简单 的 变换 (如 在 第 2 章 中 我 们 设置 时 钟 动 画 时 所 
用 的 那 种 变换 ) 就 可 模拟 诸如 膝盖 弯曲 这 样 的 运动 。 

如 果 模 型 做 了 很 好 的 模块 化 ， 选 择 的 关联 性 (确定 用 户 点 击 / 轻 吨 动作 的 目标 是 模型 
的 哪个 部 位 ) 将 变 得 更 为 有 用 。 如 果 用 户 点 击 是 单一 网 格 的 骆驼 模型 ， 关 联 得 到 的 
结果 是 作为 一 个 整体 的 骆驼 。 但 如 果 骆 驼 模 型 是 模块 化 的 ， 则 关联 结果 中 将 包括 更 
多 的 细节 ， 例 如 “骆驼 前 左 腿 的 肥 骨 ”等 。 

由 于 模型 的 各 个 部 分 之 间 相 互 关联 ， 对 单一 网 格 模 型 进行 编辑 颇 为 困难 。 例 如 ， 要 
加 长 骆驼 腿 的 高 度 ， 就 需要 访问 骆驼 的 头 部 和 躯干 的 所 有 项 点。 但 倘若 一 个 模型 定 
义 为 子 部 件 的 层次 结构 ， 则 可 以 在 子 构件 自己 的 坐标 系 里 对 其 几何 进行 单独 的 编 


辑 ， 装 配 时 可 使 用 变换 将 各 个 部 件 集成 到 一 个 统一 的 整体 中 。 
这 些 理由 如 此 充分 ， 我 们 把 它们 归纳 为 一 个 原则 : 
w 层次 建 模 原则 : 只 要 有 可 能 ， 就 对 模型 采取 分 层次 构建 ， 并 尽量 使 建立 的 层次 结构 与 


其 功能 层次 相对 应 ， 以 便于 动画 实现 。 


6.6.2 自 顶 向 下 的 部 件 层 次 结构 设计 

对 一 个 复杂 模型 实施 动画 时 ， 先 要 对 目标 物 
体 进行 分 析 以 确定 产生 所 需 运 动 的 关节 的 位 置 。 
例如 ， 在 图 6-40 中 ， 我们 希望 骆驼 具有 可 实现 腿 
部 运动 的 膝 关节 和 丑 部 关节 ， 可 支持 头 部 运动 的 
颈 部 关节 。 基 于 关节 的 位 置 ， 以 及 其 他 需求 ( 诸 
如 不 同 部 位 对 应 不 同 的 材质 )， 最 后 确定 必要 的 部 
件 分 解 。 首 先 关注 骆驼 的 腿 部 : 我 们 需要 设置 艇 关 
节 和 膝 关节 ， 并 且 和 需要 为 骆驼 的 脚 设置 不 同 的 材质 。 

图 6-41 所 示 的 层次 结构 可 以 满足 上 述 要 求 。 
图 中 我 们 将 基 元 结 点 (关联 了 某 种 材质 的 网 格 ) 和 
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高 层次 的 复合 结 点 (聚集 其 下 属 复合 结 点 或 基 元 结 Am 

点 ) 加 以 区 分 。 在 部 件 之 间 的 连接 线 上 ， 我 们 区 分 加 基本 构件 

两 种 不 同类 型 的 建 模 变换 。 你 可 能 会 想起 在 第 2 图 6-41 骆驼 腿 模型 的 场景 图 。 这 里 和 下 

章 中 , 我 们 曾 提 到 过 建 模 变 换 的 两 种 稍 有 不 同 的 图 中 我 们 使 用 米色 背景 来 突显 声 
景 图 中 作为 构件 或 子 模型 的 部 分 


用 法 。 


e 一 种 是 实例 变换 ， 用 于 对 模型 进行 定位 、 缩 放 和 改变 其 朝向 ， 以 便 将 其 安放 在 场景 
中 的 适当 位 置 或 集成 到 一 个 更 高 层 的 组 合体 中 。 例 如 ,在 第 2 章 中 的 时 钟 应 用 程序 





日 ”我 们 在 这 里 使 用 的 术语 “关节 ”是 一 种 非 正式 的 用 法 ， 只 是 指定 子 构件 产生 轴 向 旋转 的 位 置 ， 用 来 模拟 生 
物 关 节 或 构造 铵 链 。 在 复杂 动画 中 ， 其 设置 的 关节 往往 更 复杂 ， 可 支持 多 个 旋转 轴 ， 通 常 为 一 个 具有 结构 、 
外 观 以 及 可 基于 物理 和 生物 力学 驱动 其 行为 的 实际 对 象 (区 别 于 模型 子 构 件 ) 。 
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独特 形状 的 时 针 和 分 针 。 由 于 在 任何 时 候 执行 实例 化 时 都 有 可 能 需要 重新 设置 子 构 
件 ， 我 们 往往 将 每 个 子 构件 的 实例 变换 包含 在 层次 模型 中 。 

e 男 一 种 是 关节 变换 ， 在 动画 过 程 中 用 来 模拟 关节 处 发 生 的 运动 。 例 如 ， 膝 关节 可 以 
由 施加 在 小 腿 上 的 旋转 运动 来 模拟 ， 髋 关节 可 以 由 施加 在 整 条 腿 上 的 旋转 运动 来 模 
拟 。 在 时 钟 程序 中 ， 我 们 使 用 这 些 变换 来 实现 时 针 的 转动 。 


6.6.3 自 下 而 上 的 构建 和 组 合 


现在 我 们 将 演示 如 何 使 用 XAML 来 构建 模型 。 我 们 采取 自 下 而 上 的 顺序 : 首先 生成 
基本 构件 ( 脚 和 肥 骨 等 )， 然 后 对 这 些 构件 进行 组 合 来 创建 更 高 层 的 部 件 。 
自 下 而 上 组 合 中 所 涉及 的 操作 总 结 在 下 面 的 表 中 : 














目标 位 置 WPF 元 素 / 性 质 
定义 基本 构件 的 几何 资源 部 分 MeshGeometry3D 元 素 
基本 构件 实例 化 位 于 视窗 的 内 容 中 作为 GeometryMode13D 元 素 ，Name 属性 为 动画 和 拾取 关联 提供 了 
Model3DGroup 层次 模型 ”一 个 唯一 的 DD，Geometry 属性 指向 相应 的 MeshGeometry3D 资 
中 其 父亲 的 子 结 点 源 库 ，GeometryMode13D 的 Transform 属性 可 用 来 指定 一 个 变 
换 实例 或 组 合 变换 ， 通 常 采 用 TransformGroup 的 形式 。 
构建 复合 构件 位 于 视窗 的 内 容 中 作为 Model3DGroup 元 素 ,， 其 Name 和 Model3Dgroup 的 


Model3DGroup 层次 模型 ”Transform 属 性 如 上 所 述 
中 其 父亲 的 子 结 点 


6. 6. 3.1 设置 基本 构件 的 几何 信息 

每 个 原始 构件 的 设计 都 是 一 项 独立 的 任务 ， 设 置 几 何 信息 均 采 用 其 自身 坐标 系 ， 就 像 
我 们 在 第 2 章 定 义 时 钟 指针 那样 。 定 义 物 体 几 何 的 抽象 坐标 系 有 时 也 称 为 物体 坐标 系 。 为 
方便 起 见 ， 定 义 构 件 的 几何 时 应 取 规 范 的 位 置 和 朝向 ， 例 如 ， 位 于 原点 、 其 中 心 位 于 某 一 
坐标 轴 或 某 一 坐标 平面 上 。 

可 以 选择 一 个 物理 的 计量 单位 ， 但 如 果 各 构件 采用 一 致 的 尺度 ， 组 合 起 来 会 更 为 简单 。 
例如 ， 我 们 将 脚 设置 为 19 个 单位 高 (图 6-42)， 逐 骨 为 30 个 单位 高 (图 6-43)， 以 确保 两 个 构 
件 进 行 组 合 时 (形成 小 腿 ) 只 涉及 平移 变换 ， 而 不 需要 做 任何 拉 伸 /压缩 (缩放 ) 或 旋转 变换 ， 
如 图 6-44 所 示 (在 下 一 节 中 我 们 将 通过 小 腿 构 建 过 程 的 细节 来 展示 )。 同 样 ， 设 置 大 腿 的 尺寸 
也 采取 一 致 性 的 单位 ， 从 而 可 直接 通过 平移 将 大 腿 移 至 小 腿 的 顶部 以 完成 整 条 腿 的 构建 。 





图 6-42 脚 模 型 的 绘制 结果 , 位 图 6-43 肥 骨 模型 的 绘制 结果 ， 图 6-44 小腿 模型 的 初步 绘制 结 
于 原点 位 于 原点 处 的 规范 位 置 果 ， 小腿 由 两 个 子 构件 组 
合 而 成 ， 它 们 仍 位 于 坐标 

系 原点 处 的 规范 位 置 
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注意 ,一 个 典型 的 交互 式 3D 建 模 环境 通过 诸如 标尺 覆盖 、 常 见 体 的 模板 和 网 格 对 齐 
编辑 等 功能 ， 可 非常 方便 地 构建 一 致 性 和 规范 化 的 基本 构件 。 

如 果 在 构件 设计 中 加 入 从 第 三 方 获得 的 子 构件 ， 可 能 出 现 尺 度 不 一 致 的 情形 。 为 了 将 
它们 集成 到 已 设计 好 的 构件 中 就 需要 做 男 外 的 变换 (如 通过 缩放 调整 其 大 小 或 形状 )。 类 似 

当 将 一 个 已 完成 的 构件 模型 并 入 一 个 已 有 的 场景 中 时 可 能 也 需要 通过 变换 来 进行 调 
整 。 例 如 ， 如 果 想 把 我 们 构建 好 的 骆驼 模型 (其 高 度 超过 100 个 抽象 单位 ) 放 置 到 之 前 已 经 
建 好 的 金字 塔 场景 里 ， 将 必须 考虑 到 : 金字 塔 场景 中 的 场景 坐标 系 采 用 的 是 物理 单位 ， 每 
个 单位 代表 1 米 的 长 度 。 如 果 不 进行 尺度 调整 ， 骆 驼 放 在 该 场景 里 会 有 100 米 高 ， 超 过 金 
字 塔 75 米 的 高 度 ! 










作为 未 来 工作 的 一 个 小 提示 ， 如 果 你 能 先 构 建 模型 的 若干 部 件 然后 以 简单 的 方式 
将 它们 集成 到 你 的 场景 中 ， 无 疑 是 非常 好 的 。 让 这 些 部 件 的 方向 与 各 自 的 坐标 轴 或 从 
标 平面 保持 一 致 只 是 第 一 步 ， 让 它们 的 尺度 保持 一 致 也 很 重要 。 这 意味 着 你 只 需 对 这 
些 部 件 进行 平移 、 放 转 和 均匀 缩放 ( 即 在 各 坐标 轴 上 进行 相同 比例 的 缩 
集成 到 场景 中 ， 这 上 比 一 般 的 缩放 变换 更 易于 操作 。 









6.6.3.2 实例 化 一 个 基本 构件 

一 旦 基本 构件 设置 好 ， 其 网 格 被 存 人 资源 库 中 ， 就 能 在 视窗 中 通过 创建 Geometry - 
Mode13D 元 素 对 其 进行 实例 化 ， 进 而 进行 “观察 和 测试 "?。 下 面 所 示 的 XAML 代码 将 一 个 
脚 的 基本 构件 实例 添加 到 沙漠 场景 的 视窗 中 : 


1 <ModelVisual3D.Content> 

区 <Model3DGroup> 

3 Lights will be specified here. 

4 <GeometryModel3D- Geometry="{StaticResource RSRCmeshFoot}" 
Material=... /> 

6 </Model3DGroup> 

7 </ModelVisual3D.Content> 


注意 ， 由 于 尚未 对 实例 化 的 脚 进行 变换 ， 所 以 它 出 现在 场景 坐标 系 的 原点 位 置 ， 如 
图 6-42 所 示 。 

课 内 练习 6. 10: 使 用 模型 列表 框 ， 并 结合 转盘 功能 ， 逐 一 检查 骆驼 的 各 个 基本 构件 
(位 于 其 局 部 坐标 系 原点 规范 位 置 处 )。 例 如 ， 图 6-43 所 示 为 盈 骨 的 规范 位 置 。 
6.6.3.3 构造 复合 构件 

复合 结 点 是 在 一 个 Mode13DGroup 元 素 中 通过 子 构件 的 实例 化 来 指定 的 ;这 些 子 构 
件 被 集成 到 复合 结 点 自身 的 坐标 系 中 。 
6. 6. 3.4 创建 小 腿 

下 面 是 骆驼 小 腿 XAML 代码 的 初始 版 : 


<Model3DGroup x:Name="LowerLeg"> 


1 

2 <GeometryModel3D Geometry="{StaticResource RSRCmeshFoot}" 
， Material=... /> 

4 <GeometryModel3D Geometry="{StaticResource RSRCmeshShin}" 
5 Material=... /> 

6 </Model3DGroup> 


通过 实例 化 并 将 其 置信 视窗 内 来 测试 这 个 复合 构件 ， 如 图 6-44 所 示 。 
课 内 练习 6. 11: 回 到 实验 软件 ， 选 择 “ 小 腿 ( 盈 肯 十 脚 )” 模 型 。 
这 当然 是 一 个 不 满意 的 结果 : 由 于 两 个 模型 占据 了 同一 空间 使 得 脚 中 区 域 与 肥 骨 区 域 





发 生 相 交 。 上 述 情形 之 所 以 出 现 是 因为 根据 设计 ， 每 个 构件 定位 在 其 自身 坐标 系 的 原点 
处 。 在 对 部 件 进行 组 装 时 ， 必 须 通 过 实例 化 变换 使 两 个 子 构件 保持 一 个 合适 的 相对 位 置 。 
我 们 的 目标 是 将 肥 骨 的 底部 连接 到 脚 的 顶部 ( 脚 躁 )。 

因此 我 们 需要 将 肥 骨 沿 y 轴 正 方向 平移 13 个 单位 。 注 意 ， 脚 在 小 腿 复合 体 中 已 处 于 
正确 位 置 ， 因 此 不 需要 做 任何 变换 。 

下 面 是 该 复合 构件 几何 设置 的 XAML 代码 第 二 版 (新 加 代码 行 采用 高 亮 显示 )。 所 得 
结果 的 两 个 视图 分 别 如 图 6-45 和 图 6-46 所 示 。 


<Model3DGroup x:Name="LowerLeg"> 


<GeometryModel3D Geometry="{StaticResource RSRCmeshFoot}" 
Material=... /> 


Material=... > 

“GaometryModeL3D. Transtormy> 
“rranslatverranssormD ore 

x/GeomatryModel3D .Transtormy 


下 
2 
3 
4 
BE 
6 <GeometryModel3D Geometry="{StaticResource RSRCmeshShin}" 
7 
8 
9 
0 
1 </GeometryModel3D>@</Model3DGroup> 





图 6-45 ”小 腿 模型 的 绘制 结果 (已 在 肥 骨 子 图 6-46 在 另 一 个 视点 下 的 小 腿 模 型 绘制 结果 
构件 上 施加 了 建 模 变换 ) 

课 内 练习 6. 12: 返回 实验 软件 ， 使 用 层次 结构 的 浏览 器 /编辑 器 在 肥 骨 处 添加 一 个 变 
换 对 小 腿 组 合体 进行 修复 。 
6.6.3.5 构建 整 条 腿 

让 我 们 继续 自 底 向 上 实现 下 一 层次 的 组 合 . “整个 腿 ” 是 小 腿 ( 本 身 就 是 一 个 组 合体 ) 
和 大 腿 ( 一 个 基本 构件 ) 的 组 合体 。 首 先 我 们 将 这 两 个 构件 组 合成 一 个 刚体 ， 然 后 考虑 如 何 
添加 膝 关 节 。 

与 小 腿 情形 相似 ， 其 中 一 个 子 构件 需要 做 一 个 实例 变换 ( 即 大 腿 需 要 沿 y 轴 正 向 上 移 
43 个 单位 )， 另 一 构件 已 经 置 于 合适 的 位 置 。 最 终结 果 的 图 像 如 图 6-47 所 示 ; 其 XAML 
代码 如 下 : 

<Model3DGroup x:Name="Leg"> 


<!-Build the lower-leg composite (same XAML shown earlier) . -> 
<Model3DGroup x:Name="LowerLeg"> . . . </Model3DGroup> 


<GeometryModel3D Geometry="{StaticResource RSRCmeshThigh}" 
Material=. . 。 > 
<GeometryModel3D.Transform> 
<TranslateTransform3D OffsetY="43"/> 


1 
入 
3 
4 
5 
6 <!= ITInstantiateée and transform the thigh. ~> 
二 
8 
9 
0 
1 </GeometryModel3D.Transform> 


I 
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12 </GeometryModel3D> 


14 </Model3DGroup> 

课 内 练习 6. 13: 返回 实验 软件 ,选择 模型 列表 上 的 “Thigh”,， 单独 检查 这 个 构件 。 
然后 选择 “Whole leg” 模 型 。 将 两 个 子 构件 简单 地 进行 合并 显然 是 不 行 的 。 请 添加 一 个 
实例 变换 将 大 腿 沿 y 轴 正 向 进行 平移 来 进行 修复 。( 如 果 愿 意 ， 你 也 可 以 通过 选择 模型 列 
表 中 的 “Whole leg auto 一 composed” 功 能 直接 跳 转 到 我 们 的 解决 方案 。) 
6. 6. 3.6 增加 膝 关 节 

目前 腿 被 固定 于 一 个 笔直 的 状态 ， 但 是 通过 在 小 腿 处 添加 一 个 旋转 变换 ， 就 能 提供 一 
个 “挂钩 >， 从 而 可 以 采用 动画 逻辑 来 模拟 膝 部 的 弯曲 。 

图 6-48 所 示 的 小 腿 仍 位 于 其 原点 处 的 规范 位 置 ， 但 绕 膝 盖 转 动 了 37 (为 了 清晰 起 见 ， 
绘制 图 像 中 画 出 了 不 可 见 的 旋转 轴线 ) 。 





图 6-47 “完整 腿 模型 的 绘制 图 6-48 ”在 膝 关 节 旋转 37" 的 结果 ， 图 中 所 标记 的 
贯穿 关节 的 线 ( 平 行 于 工 轴 ) 即 为 旋转 轴 
在 WPF 中， 表示 3D 旋转 的 元 素 需要 设置 旋转 轴 和 旋转 的 角度 。 旋 转轴 可 以 通过 两 
个 参数 来 指定 : 一 个 任意 的 方向 向 量 (例如 ，[L1 0 0] 代表 平行 于 工 轴 的 方向 ) 和 一 个 位 于 
该 向 量 上 的 中 心 点 (例如 ， 小 腿 的 “膝盖 ”部 件 的 中 心 点 在 小 腿 的 坐标 系 的 (0，50，0) 处 )。 
课 内 练习 6. 14: 回 到 实验 软件 里 的 Whole leg 模型 。 通 过 在 / dd 
来 模拟 膝 关 节 。 接 着 设置 旋转 轴 ， 然 后 使 用 数字 转盘 改变 旋转 量 产 生 一 个 膝盖 弯曲 动画 
小 腿 的 XAML 代码 的 新 版 本 如 下 (添加 了 用 来 弯曲 膝盖 的 关节 变换 ): 





1 <!- Construct the lower-leg composite (same XAML shown earlier) -> 

2 <Model3DGroup x:Name="LowerLeg"> 

| <Model3DGroup.Transform> 

4 去 = 一 UoOint transform for the knee 一 一 > 

本 <RotateTransform3D CenterX="0" CenterY="50" Center2="0"> 

0 <RotateTtansform3D .Rotation> 

人 <AxisAngleRotation3D x:Name="KneeJointAngle" Angle="37" Axis="]1 0 0"/> 
8 </RotateTransform3D.Rotation> 

9 </RotateTransform3D> 

10 </Model3DGroup.Transform> 


11 <GeometryModel3D Geometry="{StaticResource RSRCmeshFoot}" Material=... /> 
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12 <GeometryModel3D Geometry="{StaticResource RSRCmeshSshin}" Material=... > 
13 <GeometryModel3D.Transform> 

14 <TranslateTransform3D OffsetY="14"/> 

15 </GeometryModel3D.Transform> 

16 </GeometryModel3D> 


17 </Model3DGroup> 


可 以 由 执行 程序 代码 操纵 关节 旋转 角度 ， 或 者 使 用 2. 5. 1 节 中 介绍 的 描述 性 动画 技术 。 


6. 6.4 构件 的 重用 

腿 设 计 好 后 ， 让 我 们 升 到 更 高 的 层次 考虑 如 何 来 构建 整个 骆驼 模型 。 腿 是 一 个 需要 进 
行 多 次 实例 化 然后 连接 到 父 结 点 下 的 构件 。 构 件 重 用 是 分 层 建 模 的 基本 手段 ; 不 过 ,重用 
的 类 型 有 两 种 ， 它 们 分 别 面向 不 同 的 目标 ， 适 合 不 同 的 场景 。 

首先 考虑 一 个 骆驼 以 真实 感 的 方式 行走 或 奔跑 的 场景 。 要 做 到 这 一 点 ， 我 们 需要 具有 
能 够 单独 控制 4 个 髋 关节 和 4 个 膝 关 节 处 旋转 量 的 能 力 。 为 了 实现 髓 关节 和 膝 关 节 的 旋 
转 ， 我 们 将 骆驼 建 模 为 结 点 的 树 形 结构 ， 如 图 6-49 所 示 ， 其 中 每 个 结 点 只 能 用 一 次 。 这 
样 我 们 就 有 4 个 髋 关节 和 膝 关节 ， 每 个 关节 都 可 以 独立 操作 。 














图 6-49 未 采用 任何 重用 构件 构建 的 骆驼 场景 图 ， 其 中 的 每 个 关节 都 可 以 单独 控制 


这 个 模型 中 用 到 了 “重用 ”功能 吗 ? 是 的 ， 你 可 以 说 我 们 重用 的 是 腿 的 设计 ， 因 为 该 
模型 采用 了 4 份 设计 好 的 腿 部 构件 层次 结构 的 副本 ， 但 是 并 没有 重用 已 建 模型 中 的 具体 构 
件 。 对 应 左前 腿 的 构件 结 点 只 代表 左前 腿 ; 实际 上 4 条 腿 中 每 条 腿 都 有 一 个 完全 独立 的 构 
件 结 点 。 这 种 方式 的 优点 是 每 条 腿 都 独立 于 其 他 的 腿 ， 操 作 该 腿 关 节 所 产生 的 效果 也 限制 
在 那 条 腿 的 局 部 范围 内 。 

在 模型 中 搜索 未 设置 任何 内 部 关节 的 刚性 子 构件 是 有 用 的 ;可 以 将 它们 提取 出 来 成 为 可 重 
用 的 构件 。 在 上 面 讨论 的 模型 中 ， 小 腿 构件 确实 是 刚性 的 ， 因 为 在 我 们 的 设计 中 并 未 包括 可 多 
许 脚 围绕 肥 骨 旋转 的 脚 躁 关节。 因此 通过 使 用 如 图 6-50 所 示 的 层次 结构 构建 骆驼 模型 ， 我 们 能 
够 重用 小 腿 构 件 层次 结构 ， 且 不 影响 动画 的 灵活 性 。 在 这 里 我 们 的 模型 已 经 不 再 是 一 棵 树 一 
它 实际 上 是 一 个 有 向 非 循 环 图 (DAG); 基于 这 种 拓扑 结构 ， 故 将 这 种 结构 称 为 “场景 图 ”。 
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图 6-50 通过 重用 小 腿 的 构件 模型 来 降低 存储 成 本 ， 且 未 损失 关节 控制 的 灵活 性 


图 上 已 清楚 地 显示 ， 每 个 重用 Lowerleg 的 实例 都 有 自己 的 膝 关 节 变 换 ， 其 灵活 性 并 
未 损失 一 一 每 个 膝 关节 仍然 是 单独 可 控 的 。 这 种 基于 有 向 非 循 环 图 的 设计 和 上 面 的 基于 树 
的 设计 在 功能 上 完全 相同 。 

到 目前 为 止 ， 我 们 一 直 专 注 于 创建 一 个 高 保 真 的 骆驼 运动 动画 ， 但 还 有 一 些 有 兴趣 的 
问题 也 需要 考虑 。 例 如 一 个 沙漠 场景 ， 远 处 有 一 支 由 成 百 上 干 骆驼 组 成 的 商 队 正在 穿越 沙 
丘 。 倘 若 独立 地 模拟 每 个 通关 节 和 腑 关节 的 运动 ， 其 需要 的 处 理 成 本 可 能 并 非 必要 ， 尤 其 
是 当 商 队 距 离 视 点 较 远 时 ， 每 个 个 体 的 运动 细节 对 于 观察 者 并 不 明显 。 在 这 种 情况 下 ,我 
们 可 以 以 低 保 真 的 方式 来 模拟 其 运动 ， 让 所 有 骆驼 的 运动 是 一 致 的 ， 即 无 论 前 左 腿 还 是 后 
左 腿 ， 其 运动 均 取 同一 个 特定 的 膝 关节 动画 ， 而 所 有 的 右 腿 取 男 一 个 不 同 的 膝 关节 动画 ，。 

图 6-51 给 出 了 一 个 采用 这 一 思路 的 模型 。 这 里 我 们 有 第 一 个 包含 了 内 部 关节 变换 、 
可 重用 的 构件 : 可 重用 的 左 腿 内 置 了 一 个 左 膝 关节 ， 可 重用 的 右 腿 内 置 了 自己 的 右 膝 关 
节 。 如 果 对 以 这 种 方式 设计 的 骆驼 进行 实例 化 ， 则 可 通过 操纵 一 个 左 膝 关 节 变 换 控 制 前 、 
后 左 腿 的 膝 部 运动 ， 操 纵 一 个 右 膝 关节 变换 来 控制 前 、 后 右 腿 的 膝 部 运动 。 


| 
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图 6-51 对 左 侧 的 两 条 腿 重 用 左 腿 模型 和 对 右 侧 的 两 条 腿 重用 右 腿 
模型 可 降低 存储 开销 ， 但 损失 了 独立 控制 关节 的 灵活 性 
如 果 增 加 模拟 画面 中 整个 骆驼 商 队 的 骆驼 数量 ,那么 通过 构件 重用 所 得 到 的 处 理 优势 
将 更 为 明显 。 图 6-52 描述 了 一 支 骆驼 队伍 的 模型 ， 其 中 采取 了 重用 整个 骆驼 模型 的 策略 。 
基于 这 个 新 的 场景 图 ， 我 们 就 可 以 构建 一 支 极 具 伸缩 性 的 骆驼 队伍 。 无 论 在 队伍 里 加 
入 多 少 头 骆驼 ， 生 成 腿 部 动画 需要 操纵 的 关节 变换 都 是 一 个 常数 。 只 要 操纵 4 个 髋 关节 和 








两 个 膝 关 节 ， 就 能 控制 整个 骆驼 队 的 腿 部 运动 。 当 然 这 个 可 扩展 性 是 有 代价 的 : 整个 队伍 
将 呈现 出 奇怪 的 、 不 自然 的 步调 一 致 。 在 远 处 看 ， 这 种 低 保 真 骆驼 队伍 足够 完美 ， 若 要 增 
加 一 点 变化 ， 还 可 以 引入 少数 不 同 的 肢体 动画 序列 ， 针 对 每 一 种 变化 序列 ， 创 建 一 个 不 同 
的 、 可 重用 骆驼 “模板 ”， 队 伍 里 的 每 只 骆驼 按 一 个 随机 挑选 的 模板 进行 实例 化 。 这 样 就 
可 以 实现 相对 更 为 自然 的 骆驼 动画 ， 且 不 会 对 队伍 的 可 伸缩 性 产生 大 的 影响 。 





图 6-52 通过 重用 一 个 单一 的 骆驼 模型 构建 一 支 骆 驼 商 队 ， 以 完全 
同步 的 腿 部 运动 为 代价 换取 队伍 的 高 度 可 伸缩 性 


当然 骆驼 队伍 需要 在 沙漠 上 不 断 地 移动 ; 否则 腿 部 动作 看 起 来 会 显得 莫名 其 妙 。 因 此 我 
们 的 动画 逻辑 在 对 骆驼 的 关节 进行 变换 时 还 需要 对 骆驼 对 象 的 实例 进行 基于 时 序 的 变换 。 

课 内 练习 6. 15: 怎样 使 这 些 穿越 沙漠 的 骆驼 队伍 的 运动 也 成 为 可 伸缩 的 ? 是 否 有 一 种 
场景 图 可 通过 单一 的 实例 化 变换 来 驱动 整个 队伍 的 运动 ， 而 且 不 影响 我 们 上 面 设计 的 可 伸 
缩 的 膝 / 髋 关节 控制 ? 采用 该 方法 在 真实 感 方面 会 带 来 什么 损失 ? 

如 果 你 有 兴趣 了 解 更 多 关于 在 XAML 和 WPF 中 可 重用 构件 的 内 容 ， 可 以 参考 本 章 的 
在 线材 料 。 

WPF 只 是 许多 基于 场景 图 的 平台 中 的 一 个 ， 它 们 都 采用 了 重用 策略 作为 调控 场景 复 
杂 度 的 一 种 手段 。 关 于 场景 图 平台 的 更 多 信息 请 参阅 第 16 章 。 


6.7 讨论 

本 章 演示 了 大 多 数 固定 功能 3D 图 形 平台 的 一 些 共同 技术 ,非常 适合 用 来 显示 由 三 角 
形 网 格 组 成 的 简单 场景 ， 这 些 网 格 表面 为 单 色 或 纹理 映射 材质 ， 绘 制 时 采用 经 典 的 Phong 
反射 模型 ， 采取 均匀 着 色 或 插值 着 色 处 理 。 

我 们 将 WPF 作为 实验 平台 ,目的 是 让 读者 能 使 用 XAML 来 构建 原型 场景 ,便于 读者 
通过 实验 来 体验 这 些 技术 而 不 需要 涉及 程序 语言 以 及 编译 /构建 环节 

特别 要 注意 的 是 ， 驻 人 平台 的 场景 图 只 适用 于 “ -图像 为 景物 的 直接 呈现 ”的 情形 而 
对 另 一 类 重要 应 用 ， 即 图 像 呈 现 的 是 某 些 应 用 数据 可 视 化 的 结果 ， 则 需要 有 一 个 用 于 存储 
几何 和 非 几 何 信息 的 应 用 模型 (数据 库 )， 从 中 导出 场景 图 来 支持 结果 的 显示 。 第 16 章 将 
详细 讨论 这 个 主题 。 
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7.1 引言 


与 本 书 的 其 他 各 章 不 同 ， 本 章 中 的 许多 内 容 读者 可 能 已 经 有 所 熟悉 。 安 排 这 些 内 容 的 
目的 是 : 

e 将 它们 集中 在 一 起 ， 便 于 参考 。 

e 有 别 于 以 往常 见 的 表述 方式 ， 更 适合 于 图 形 学 应 用 。 

本 章 内 容 大 多 容易 理解 ， 而 且 看 上 去 很 熟悉 。 为 了 确保 读者 已 真正 掌握 这 些 内 容 ， 我 
们 在 本 章 中 添加 了 一 些 练习 ; 读者 应 该 完成 练习 ， 以 确定 是 否 真正 理解 了 所 阅读 的 内 容 。 
我 们 假设 读者 接触 过 一 些 线性 代数 知识 ， 并 掌握 向 量 、 和 矩阵 、 线 性 变换 ， 以 及 “ 基 ” 和 
“线性 无 关 ” 等 概念 。 

阅读 这 些 内 容 时 ， 可 以 问 自己 一 个 问题 : “我 能 用 代码 实现 这 个 想法 吗 ??。 如 果 答 案 
是 “不 能 ”， 那 么 应 该 多 花 些 时 间 加 深 对 概念 的 理解 。 这 一 非常 重要 之 点 已 成 为 一 项 原则 。 
下 面 所 述 为 20 世纪 70 年 代 由 普林斯顿 的 Hale Trotter 首次 提出 : 
VY 实现 原则 : 如 果 你 对 一 个 数学 问题 的 理解 足够 透彻 ， 则 一 定 能 写 一 个 程序 实现 它 。 


对 编程 实现 即 能 领会 所 求 问题 的 全 部 细节 的 原则 我 们 再 补充 一 点 : 所 编写 的 好 程序 是 
可 以 重用 的 。 
8 有 记号 


本 章 采 用 传统 的 数学 记号 : 变量 用 斜体 字母 表示 ， 向 量 和 矩阵 用 罗马 黑 斜 体 字 母 表示 
(例如 ，uxz) 。 通 常 ， 向 量 采 用 小 写字 母 ， 和 矩阵 采用 大 写字 母 。 当 一 个 变量 带 有 索引 下 标 时 ， 
sw 例如 之 中 的 ;。 如 果 下 标 或 上 标 是 助 记 符 ， 则 采用 罗马 体 ， 例 如 采 
用 ou 表示 “ 沿 给 定 方向 的 半球 面 反射 率 ”。 

ep hh 并 用 黑 正 体 表示 ,包括 : R 代表 实数 集合 ，C 代表 复 
数 集合 ，R 代表 正 实数 集合 ，Rs 代表 非 负 实数 集合 。 


7.3 集合 

集合 通常 用 大 写字 和 母 表 示 ， 集合 B 与 C 的 笛 卡 儿 乘 积 定 义 为 集合 : 

BX = {Dd EE Bet © C1 

读 作 “B 又 乘 C”， 但 是 称 为 “ 笛 卡 儿 ” 乘 积 ， 而 不 是 “又 积 ”。 保 留 术 语 “又 积 ”， 用 于 
7. 6.4 节 介 绍 的 向 量 又 积 。 

乘积 RXR 记 作 R* ， 更 高 阶 的 乘积 是 R 、R' 等 ,而 n 次 乘积 是 R”。 

闭 区 间 (closed interval)[a,， bj 表示 一 个 集合 ， 它 由 a 和 4b 之 间 所 有 的 实数 组 成 ， 包 括 
区 和 利 2， 即 





日 ”该 记号 表示 “所 有 元 素 对 (5，c) 的 集合 ， 其 中 5b 属于 B,c 属 于 C”。 换 句 话说 ， 冒号 读 作 “其 中 ”。 





[esd] 三 (wsg 乏 立 这 的 (732) 
如 果 6 二 a， 那 么 该 区 间 为 空 集 ; 如果 4 二 a， 那 么 该 区 间 仅 仅 包含 数值 5。 有 时 候 ， 所 使 用 
的 区 间 只 包括 其 中 一 个 端点 ( 即 半 开 区 间 (half-open interval) ) : 


[a0)= (zsR 区 之 (7-3) 
(ay 下 | 三 (za 云天 过 从 (7=4) 
传统 上 上， 定义 下 面 两 种 无 穷 大 区 间 : 
[区 三 过 (7-=5》 
一 | 要 (7-6) 


7.4 函数 

函数 是 数学 和 程序 设计 中 大 家 都 很 熟悉 的 概念 。 我 们 将 采用 一 个 特定 的 记号 来 表示 也 
数 ， 例 如 : 

f:R— R:r Pr: (7-7) 

其 中 ，j 了 是 函数 的 名 称 ， 第 一 个 冒号 后 所 示 为 两 个 集合 ， 箭 头 左 侧 为 定义 域 (domain) ， 碳 
侧 为 陪 域 (codomain)。 第 二 个 冒号 后 所 示 为 从 定义 域 中 某 元 素 x 到 陪 域 中 对 应 元 素 的 映射 
规则 。 
这 与 许多 编程 语言 中 函数 的 定义 方式 密切 对 应 ， 如 下 所 示 : 
jl 
2 
3 
4 


double f(double x) 
{ 
BetUrn RR 才 辽 关 


} 


如 前 所 述 ， 这 个 函数 具有 名 字 f+， 显 式 定 义 的 定义 域 (x 可 以 取 任 何 双 精 度 实 数 )， 显 
式 定 义 的 陪 域 (返回 值 为 双 精 度 实数 )。 从 定义 域 中 任 一 元 素 x 到 陪 域 中 对 应 元 素 的 映射 规 
则 由 函数 体 给 出 。 
与 程序 设计 语言 相 比 ， 数 学 上 的 函数 允许 定义 更 多 的 细节 ， 例 如 数学 上 可 定义 : 
g:R— Ri :x Dr?’ (7-8) 
但 是 多 数 程 序 设计 语言 没有 “ 非 负 实数 ”的 数据 类 型 。 显 然 ，f 和 g 的 区 别 很 大 : 对 于 所 
数 g， 气 数值 的 集合 ( 即 集 合 {x*: zER)) 覆 盖 了 整个 陪 域 ， 而 对 于 函数 f， 其 函数 值 的 集 
合 只 是 陪 域 的 一 个 真子 集 。 函 数 g 称 为 满 射 (surjective),， 但 是 函数 f 不 是 。 
如 果 定 义 : 
h:Rt — Ri :zx Pr’ (7-9) 
将 得 到 男 一 个 不 同 的 函数 。 隐 数 不 只 是 满 射 还 具有 男 一 属性 : 定义 域内 的 任何 两 个 元 
素 都 不 会 对 应 于 陪 域 中 同一 个 元 素 。 换 句 话 说 ， 如 果 有 h(a)= 二 h(5)， 那么 a 和 6 必须 相等 。 
这 样 的 函数 称 为 单 射 (injective)。 一 个 既是 单 射 又 是 满 射 的 函数 ,例如 函数 hh， 具 有 逆 函 
数 (inverse) ， 记 为 。 逆 函数 /六 意味 着 “取消 ”函数 hh 所 做 映射 。h :的 定义 域 是 六 的 
陪 域 ， 反之 亦 然 。 对 于 特定 函数 hh， 首 函数 是 : 
hl Rt —> 及 二 :Fw C7=10) 


更 一 般 地 说 ， 如 果 

CD C9-11) 
既是 单 射 又 是 满 射 (或 者 说 双 射 (bijective)) ， 那 么 它 的 逆 函 数 

DC 人 


是 满足 如 下 条 件 的 唯一 函数 : 
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FHA) 二” 和 对 所 汗毛 避 E913 
fli(y))=y， 对 所 有 yEC (F145 
图 7-1 形象 地 展示 了 这 三 种 类 型 的 困 数 。 





b) 
图 7-1 三 种 不 同 的 函数 : a 是 满 射 但 不 是 单 射 ; b 是 单 射 但 不 是 满 射 ;，c 是 双 射 


课 内 练习 7. 1: 下 面 哪 一 个 函数 有 逆 函 数 ? 如 果 有 ， 请 给 出 逆 函 数 。 
(a) 负 函 数 N: R 一 R: rx 一 zx。 
(b) qi; R—>R;: xz Parctan(z)。 
(c) qs: R=>[—x/2, x/2|]: x Parctan(z)。 
描述 函数 时 ， 均 需 给 出 其 定义 域 、 陪 域 ， 以 及 从 定义 域 元 素 到 陪 域 对 应 元 素 的 映射 规 
则 。 有 时 不 同情 况 下 需 采 用 不 同 的 映射 规则 ， 例 如 : 
EE “RS en (7-15) 
0， 否则 
这 类 似 于 在 函数 代码 中 采用 if 语句 。 在 提 到 一 个 函数 时 通常 引用 其 函数 名 ， 例 如 说 “ 郴 
数 了 是 连续 的 ”而 不 是 “函数 FGz) 是 连续 的 ”， 因 为 F(Cz) 表 示 困 数 在 点 工 的 值 ， 不 是 顶 
数 本 身 。 大 出 于 某 些 原因 必须 包括 变量 名 ， 则 表述 为 诸如 “ 郴 数 zx FP>j(z) 在 zx 一 0 处 连 
续 ， 但 在 其 他 地 方 不 连续 2”。 这 些 细微 差别 在 讨论 某 些 郴 数 时 很 重要 。 例 如 傅 里 叶 变 换 大 
它 对 函数 进行 操作 ， 生 成 另 一 函数 。 如 果 说 “本 数 ff)”， 则 表示 傅 里 叶 变 换 五 如 
果 说 “函数 瓦 方 ”>， 则 代表 傅 里 叶 变换 在 特定 函数 /上 的 值 。 


7.4.1 反正 切 函 数 


数学 家 定义 从 R 到 开 区 间 ( 一 x/2，x/2) 的 arctan 函数 (反正 切 函 数 )， 作 为 正切 函数 
的 逆 函 数 。 我 们 后 面 会 用 到 它 ， 将 其 表示 为 utan (xz)。 反 正切 函数 大 多 用 于 计算 角度 
值 9。 如 图 7-2 所 示 ， 给 定 坐 标点 (x，y)， 求 角度 9。 通常 
的 答案 是 : 当 x 记 0 时 , 9 二 tan !'(y/x)。 还 有 几 种 特殊 情 
形 ， 如 z<0，y>0 或 <0，y=0， 等 等 。 这 些 特 殊 情 形 
都 包含 在 函数 atan2 中 ， 其 输入 为 一 对 参数 ， 而 不 是 一 个 参 
数 。 所 采用 的 形式 几乎 都 是 0=atan2(y，z)， 返 回 值 为 工 
轴 与 从 (0，0) 到 (zx，y) 射 线 之 间 的 角度 。 返 回 的 角度 值 在 
一 + 和 7 之 间 。 当 x 和 yy 都 均 为 0 时 ,返回 值 为 0， 这 使 得 
函数 atan2 在 原点 和 在 负 工 轴 上 不 连续 。 在 负 工 轴 上 ,图 72 9 号 和 y 是 怎样 的 关系 
IEEE 版 本 的 atan2 返回 十 rx 或 一 rz， 对 应 于 > 王 十 0 或 
y 二 一 0。 记 住 该 函数 的 特别 之 处 是 : 输入 参数 y 起 决定 作用 ， 且 位 于 xz 之 前 。 也 可 以 通过 
下 面 的 公式 记 住 这 一 点 : 如 果 一 x 二 0 二 x*， 那 么 

atan2(sin0,cosO) = 0 (716) 

我 们 将 不 仅 用 在 程序 中 而 且 在 公式 中 使 用 函数 atan2。 











7.5 坐标 


如 图 7-3 所 示 ， 笛 卡 儿 平面 是 欧 几 里 得 几何 的 模型 之 一 : 所 有 几何 公理 在 笛 卡 儿 乎 面 
上 都 成 立 ， 并 能 用 我 们 的 几何 直觉 进行 推理 。 桌 面 (或 更 确切 
地 说 ， 无 限 桌面 ) 也 是 欧 几 里 得 几何 的 一 个 模型 。 两 者 的 区 别 
是 ， 笛 卡 儿 平 面 内 的 每 一 点 有 一 对 与 之 关联 的 实数 ， 称 为 点 
的 坐标 ， 从 而 使 我 们 可 将 几何 描述 转化 为 代数 描述 ， 如 将 
“点 卫 位 于 直线 41 和 4 上 ”转化 为 “点 已 的 坐标 满足 这 两 直 
线 的 方程 "。 当 然 ， 在 无 限 桌面 上 也 可 以 画 两 条 互相 垂直 的 直 
线 ， 当 作 工 轴 和 y 轴 ， 在 上 面 设置 均匀 间隔 的 刻度 ， 然 后 采 
用 点 在 这 两 条 直线 上 的 垂直 投影 作为 坐标 。 但 选择 哪 一 条 直 
线 作 为 xz 轴 ， 哪 一 条 作为 y 轴 ， 哪 一 点 作为 原点 ， 等 等 ， 都 
是 任意 的 9 。 需 要 指出 的 是 ， 点 或 线 的 属性 与 其 关联 的 坐标 值 “人 和 
的 属性 是 不 同 的 。 内 区 的 几何 属性 不 会 随 着 坐标 系 的 改变 而 pe 
改变 ， 但 坐标 的 数值 性 质 却 发 生 了 变化 。 在 图 7-4 中 可 以 看 
到 ， 点 卫 位 于 直线 4 上 ， 这 是 一 种 几何 属性 ， 与 所 选取 的 坐 4 
标 系 无 关 。 

作为 与 坐标 系 相关 的 数值 属性 ， 点 已 的 坐标 在 黑色 坐标 
系 中 是 (3，5)， 而 在 灰色 坐标 系 中 是 (2，2)。 类 似 地 ， 直 线 4 
的 方程 在 黑色 坐标 系 中 是 y 二 5， 而 在 灰色 坐标 系 中 是 zx 十 y 一 
4。 因 此 ， 点 的 坐标 和 直线 的 方程 是 依赖 于 坐标 系 的 。 但 是 ， 
该 点 位 于 直线 4 上 的 事实 与 坐标 系 无 关 : 尽管 P 的 坐标 和 4 的” 
方程 在 两 个 坐标 系 中 不 同 ， 但 是 黑色 坐标 系 中 的 P 点 坐标 值 

















满足 该 坐标 系 中 的 1 的 方程 ， 在 灰色 坐标 系 中 也 一 样 。 图 7-4 i 
从 现在 起 ， 当 谈 “ 点 的 坐标 ”时 ， 总 是 相对 于 某 个 坐标 人 


系 。 由 于 在 很 多 时 候 坐 标 系 很 明显 ， 所 以 不 会 提起 它 。 例 如 , 在 2D 空间 R* (有 序 实 数 对 
的 集合 ) 中 ， 点 (x，y) 的 “标准 ”坐标 即 为 和 yy。 


7.6 坐标 运算 

假定 平面 上 有 点 P=(2，5) 和 Q=(4，1)， 其 坐标 系 为 图 7-5 中 的 水 平和 垂直 的 黑色 
直线 。 如 果 对 它们 的 坐标 值 进行 平均 (对 xz 和 yy 坐标 分 别 平 均 ) ， 则 得 到 M 二 (3，3)。 可 以 
证 明 M 为 连接 两 点 的 直线 段 的 中 点 。 这 是 个 有 趣 的 情形 : 中 点 是 一 个 纯 几 何 定义 ， 与 坐 
标 系 无 关 。 但 我 们 却 得 到 了 一 个 基于 坐标 计算 中 点 的 公式 。 将 黑色 坐标 系 旋转 45 ， 并 将 
原点 置 于 右 下 方 ， 得 灰色 坐标 系 ，P 和 Q 在 灰色 坐标 系 的 坐标 分 别 为 (2，2) 和 (2，4)， 其 
平均 值 为 (2，3) 。 在 灰色 坐标 系 中 的 点 (2，3) 和 黑色 坐标 系 中 的 点 (3，3) 位 于 同一 位 置 。 
简 言 之 ， 虽 然 坐标 计算 的 过 程 不 同 ， 但 所 得 到 的 几何 结果 相同 。 

作为 比较 ， 考 虑 一 个 运算 ， 将 点 的 坐标 值 除 以 2， 如 图 7-6 所 示 。 经 过 该 运算 ， 黑 色 
坐标 系 中 位 于 (2，5) 的 点 已 ， 变 成 位 于 (1，2.5) 的 点 P'。 现 在 灰色 坐标 系 中 进行 同样 的 运 
算 ， 此 时 PP 的 坐标 是 (4，7)， 所 生成 的 新 点 P" 的 坐标 为 (2，3.5)，P" 和 P' 相 距 非 常 远 。 





加 事实 上 , 笛 卡 儿 坐 标 甚 至 没有 要 求 两 个 轴 是 垂直 的 ， 尽 管 我 们 现在 总 是 选择 它们 相互 垂直 。 
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取 平 均 运算 和 除 以 2 运算 有 何不 同 ? 为 什么 “ 取 坐 标 值 的 平均 ”在 任何 坐标 系 中 都 得 到 同 
一 结果 ， 而 “ 除 以 2” 的 结果 却 不 同 呢 ? 这 些 将 在 7. 6.4 节 中 给 予 详 细 的 解答 。 现 先 考察 
它们 在 代数 上 的 差异 : 对 点 (zi;，y1) 和 (x,，y;) 的 坐标 进行 平均 ， 得 到 的 结果 是 : 


jy 忆 十 za 电 六 将 ) 


7 7 CY 








图 7-5 点 M 的 坐标 在 每 一 坐标 系 中 都 等 于 已 和 图 7-6 “将 点 的 坐标 除 以 2” 操 作 在 两 个 坐标 
Q 坐 标 值 的 平均 。 因 此 ， 求 线段 中 点 的 系 中 导致 不 同 的 结果 (P 和 已 ) 
几何 运算 可 转化 为 对 坐标 值 取 平均 的 代 这 个 简单 的 代数 操作 依赖 于 坐标 系 ， 
数 运 算 ， 且 与 所 采用 的 坐标 系 无 关 因此 ， 它 不 对 应 于 任何 几何 操作 


暂时 定义 点 的 坐标 与 一 实数 相 乘 按 以 下 规则 : 
SCzy) = (sr ,sy) (7=J83 





而 点 的 加 法 规则 为 : 
(wirsyi) tt Cr sy Ss (Ci = 元 十 y2) (7=19»》 
那么 ， 坐 标 平均 可 写成 : 


M 一 王 Cziyy) 十 元 (zy) (7-20) 

而 “ 除 以 2” 运 算 可 写成 ， 
六 (zy) Cr 
两 者 之 间 的 关键 区 别 是 ,第 一 个 运算 涉及 一 些 项 的 累加 ， 且 各 项 系数 之 和 为 1 
(因为 吉 十 去 一 1)， 但 第 二 个 运算 则 不 然 。 各 项 系数 之 和 为 1 的 组 合 ， 称 为 这 些 点 的 仿 身 


组 合 (affine combination)。 该 类 组 合 所 得 结果 在 不 同 坐 标 系 下 具有 不 变性 。( 建 议 尝试 一 
些 其 他 的 方法 对 此 进行 验证 。) 
由 于 仿 射 组 合 是 有 “几何 意义 的 ”"， 下 面 对 其 进行 更 细致 的 考察 。 假 定 不 是 取 平 均 ， 


而 是 按 方 筷 的 进行 组 合 ， 即 对 图 7-5 中 的 点 已 和 Q 进行 如 下 计算 ， 
1 六 
a?+3Q (7-22) 


得 到 点 ( 字 ， 亏 )， 它 也 位 于 P 和 Q 的 连 线 之 上 ， 但 更 接近 Q。 事实 上 ， 对 于 任何 数 a。， 可 
以 进行 以 下 运算 : 
(Inmet (7-23) 


当 a 二 1 时 ， 得 点 Qi 当 a 二 0 时 ,得 点 了; 当 a 一 序 时 ， 得 点 M; 对 于 0 和 1 之 间 的 任何 a 
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值 ， 所 生成 的 点 都 位 于 连接 P 和 Q 的 线段 上 。 
当 a 值 小 于 0 时 ,会 发 生 什么 结果 呢 ? 所 生成 的 点 仍 位 于 直线 上 但 在 点 了 之 外 ; 类 似 
地 ， 当 41 时 ， 所 生成 的 点 位 于 直线 上 但 在 点 Q@ 之 外 。 总 之 : 





当 w 在 实数 轴 上 变化 时 ， 点 (1 一 c)P+aQ 在 包含 P 和 Q 的 直线 上 变化 ， 其 中 a 二 1 
时 对 应 点 P，a 二 0 时 对 应 点 P,， 而 0 和 1 之 间 的 a 值 的 对 应 点 则 位 于 P 和 QQ@ 之 间 。 











考虑 到 这 一 点 ， 可 定义 如 下 涌 数 : 
y:R— R’:tpP(l—t)P+i+iQ (7-24) 

该 函数 的 映像 是 连接 P 和 Q 的 直线 。 如 果 限 制定 义 域 为 区 间 L0，1j]， 则 其 映像 是 PP 和 Q 
之 间 的 直线 段 。 我 们 称 上 式 为 连接 P 和 Q 的 直线 的 参数 化 形式 ， 其 中 变量 上 是 参数 。( 在 
7. 6.4 节 将 解释 对 点 进行 数 乘 和 加 法 运算 的 含义 。) 

课 内 练习 7.2: 我 们 讨论 了 某 些 坐标 表达 式 的 结果 不 随 坐 标 系 的 改变 而 变化 。 如 果 两 
人 在 同一 个 桌面 上 分 别 设置 坐标 系 ， 计 算 长 度 、 角 度 和 面积 ， 会 得 到 相同 的 结果 吗 ? 换 和 名 
话说 ， 改 变 坐 标 系 时 ， 所 得 到 的 长 度 、 角 度 和 面积 是 否 不 变 ? 如 果 不 是 ， 能 否 想 出 对 坐标 
系 的 限制 条 件 ， 使 得 这 些 值 不 变 ? 注意 : 在 笛 卡 儿 坐 标 系 中 (zi，y) 和 (ze，y%) 之 间 的 线 
段 长 度 定义 为 V(xs 一 x1) 十 (ys 一 yy)*。 你 需要 写 出 角度 和 面积 的 定义 公式 ， 解 答 该 问题 。 


7.6.1 向 量 


现在 讨论 直线 。 在 此 之 前 ， 先 将 上 面 的 一 些 做 法 和 向 量 关 联 起 来 。“ 向 量 ” 已 应 用 于 
许多 领域 ， 具 有 许多 含义 。 目 前 ， 我 们 先 考虑 一 种 特殊 类 型 的 向 量 ， 即 坐标 向 量 (Ccoordi- 
nate vector)， 它 由 一 列 实数 组 成 。n 维 向 量 是 n 个 数 的 序列 ， 垂 直 地 排列 在 一 对 方 括号 








中 。 例 如 
1 
| (7=25) 
0 
是 一 个 3D 向 量 。 该 记号 可 以 扩展 表示 矩阵 (matrice)， 它 是 一 个 双 下 标 索 引 的 实数 阵列 ， 
并 以 行 数 和 列 数 分 类 。 于 是 
TU 
= 三 六 | (7-26) 
0 





表示 一 个 3 行 2 列 ( 常 写作 3X2) 和 矩 阵 。 和 矩阵 元 素 由 下 标 指定 , 行 下 标 在 前 。 如 果 A 是 一 个 
矩阵 ， 则 aj; 代表 其 第 i 行 第 7 列 的 元 素 。n 维 向 量 可 以 认为 是 nX1 矩阵。 一 个 重要 的 矩阵 
操作 是 转 置 (transposition) : 将 一 个 nXk 和 矩阵 A 转变 成 一 个 kXn 矩阵， 这 只 需 将 其 地 位 
置 上 元 素 置 为 4 的 六 位 置 上 的 元 素 。 因 此 ， 之 前 的 那个 矩阵 的 转 置 是 : 
|， | (7-27) 
0 6 
矩阵 4 的 转 置 记 为 4" 。 因 为 水 平 的 阵列 比 垂直 的 阵列 容易 排版 ， 所 以 向 量 经 常 写成 
它 的 转 置 形式 。 因 此 ， 如 果 v 是 上 面 的 向 量 ， 则 可 用 “ 令 v= 二 [1 一 4 0] '…” 作 为 在 讨 
论 中 引述 向 量 的 一 种 方式 。 
7.6.1.1 索引 向 量 和 数组 
在 数学 上 ， 向 量 和 和 矩阵 的 索引 都 始 于 1。 如 果 v 是 一 个 向 量 ， 则 它 的 第 一 个 元 素 记 为 
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v1， 第 二 个 元 素 记 为 w»， 等 等 。 如 果 M 是 一 个 矩阵， 那么 它 的 第 i1 行 7 列 的 元 素 记 为 mi 
当 i 和 7 是 具体 的 整数 时 ， 经 常会 用 “,” 分 开 ， 如 wa,; 中 。 
7.6.1.2 一 些 特殊 向 量 

在 2D 空间 R ,任何 向 量 La 6] 可 表达 成 如 下 形式 : 


[= (7-28) 


右边 的 两 个 向 量 记 为 和 e; 。 在 3D 空间 R 中 ， 有 类 似 的 向 量 集 ， 并 使 用 这 些 符号 命名 : 


1 0 0 
el 一 |0 ez 一 |1 ei 一 |0 C7329 
0 0 1 




















一 般 地 ,在 nn 维 空间 R"，e; 代 表 一 个 向 量 ,， 它 除了 第 i 个 元 素 是 1 之 外 ， 其 他 都 为 0。 
若 向 量 的 所 有 元 素 都 为 0， 则 该 向 量 记 为 0， 注意 用 黑 斜 体 。 


7.6.2 如 何 理解 向 量 


常见 学 生 说 :“ 向 量 是 一 个 有 向 箭头 ”。 所 以 ， 倘 若 问 图 7-7 中 的 w 和 w 是 否 相 同 ， 他 
们 会 回答 “是 ”， 尽 管 这 两 个 箭头 处 于 不 同位 置 ， 明 显 不 一 样 。 一 个 更 好 的 理解 向 量 的 方 
法 是 把 其 视 为 位 移 (displacement)， 即 表示 从 一 个 位 


置 到 另 一 个 位 置 需 要 移动 的 量 。 例如， 从 点 (3，1) 到 Rk 
点 (5，0)， 需 在 工 方向 移动 2，y 方 向 移动 一 1。 这 个 
位 移 可 以 表示 为 [2 一 1]"。 这 正好 也 是 从 (4，1) 到 廊 


(6，0) 所 需 的 位 移 。 在 这 样 的 解释 之 下 ， 向 量 的 加 法 
有 具 有 意义 : 即 对 应 的 分 量 相 加 。 类 似 地 ， 向 量 和 一 个 
常数 的 乘法 可 以 定义 为 每 一 个 分 量 乘 以 这 个 常数 ， 其 


结果 是 位 移 量 增加 或 者 减少 。 图 7-7 标识 为 w 和 zwm 的 两 个 箭头 通常 
如 果 觉 得 对 “位 移 ” 这 个 词 不 够 满意 ， 也 可 以 把 et 

名 上 其 、 全 晤 直 二 2 = y Si Ne xx。 但 如 阁 

辣 量 理解 为 点 与 点 之 差 即 从 第 把 到 第 一 反 所 它们 理解 为 平面 上 的 位 移 ( 即 平 

需 的 移动 量 。 如 果 将 一 对 点 做 相同 平移 到 达 新 的 位 面 上 所 有 点 朝 右 上 方 移动 )， 则 

置 ， 那 么 新 的 点 对 与 原点 对 将 对 应 于 相同 的 向 量 ， 因 它们 表示 了 相同 的 位 移 

为 点 对 之 间 的 差 没 有 变 。 

7.6.3 向 量 长 度 


向 量 v 的 长 度 ( 或 模 )， 记 为 上 |v， 是 其 所 有 分 量 平方 和 的 平方 根 。 如 果 v= 
[1 2 3J",， 则 |v|== vl 十 2 十 3* 二 V14。 将 v 理解 为 位 移 时 ， 这 对 应 于 移动 的 距离 。 
长 度 为 1 的 向 量 称 为 单位 向 量 (unit vector) 。 
通过 除 以 长 度 ， 可 以 把 一 个 非 零 向 量 转化 为 单位 向 量 ， 称 为 归 一 化 (normalizing)， 并 写作 : 
S(v) = wv/l|vl (7-30) 
其 中 字母 “S” 来 自 “sphere”， 因 为 在 3D 空间 中 向 量 的 归 一 化 相当 于 调整 其 长 度 ， 使 得 
向 量 末端 位 于 单位 球面 之 上 。 


7.6.4 向 量 运 算 
向 量 可 以 相 加 ， 也 可 以 乘 上 一 个 常数 ( 称 为 标量 乘法 ，scalar multiplication) 。 更 一 般 
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地 ， 对 一 组 向 量 v; ，vs; ，…，vw, 和 一 组 数 c1 ，cs;，…，c,， 可 以 进行 线性 组 合 (inear com- 
bination ) : 
cr Wi es | ws Ey C7=31) 

非 零 向 量 v 的 所 有 线性 组 合 的 集合 是 包含 v 的 直线 (这 里 暂时 重 回 到 向 量 为 始 于 原点 的 箭 
头 末端 这 一 理解 ) 。 两 个 非 零 向 量 ” 和 w 的 所 有 线性 组 合 的 集合 一 般 为 包含 这 两 个 向 量 的 
平面 。 但 当 其 中 一 个 向 量 是 另 一 个 向 量 的 数 乘 时 ， 其 结果 是 包含 它们 的 直线 。 

除了 相 加 和 与 一 常数 相 乘 ， 还 有 另外 两 种 常用 的 对 向 量 的 操作 : 点 积 和 又 积 。 
7:6:4.1 又 积 

3D 空间 中 两 向 量 的 又 积 通常 定义 如 下 : 





Tx Uys — Urly 
vy IX [wy | Vy — Ve (7-32) 
Us; TU。 vy — Cys 











叉 积 是 反 交 换 的 ， 即 vXw 二 一 wXw( 由 定义 式 容 易 验 证 )。 它 在 加 法 和 标量 乘法 上 符合 分 
配 律 ， 但 不 符合 结合 律 。 又 积 的 主要 用 途 之 一 是 : 
lv x wl= lvllwl |sing| (7-=33) 
其 中 0 为 v 和 w 之 间 的 夹 角 。 这 意味 着 义 积 结果 向 量 模 长 的 一 半 恰 为 由 顶点 (0，0，0)、 
(Dw ， vy，v:) 和 (w:，w,，w;) 组 成 的 三 角形 的 面积 。 
叉 积 可 推广 到 维 空间 。 在 n 维 空间 中 ， 它 是 n 一 1 个 向 量 的 积 ( 这 解释 了 为 什么 n 二 3 是 
最 常见 的 情况 )。 除 了 3D 空间 ， 最 常用 的 是 在 2D 空间 ， 它 是 一 个 向 量 的 “ 积 ”， 定 义 为 : 


也 xz 一 也 
[| 9 ca 
Uy y 


该 又 积 具 有 一 个 非常 重要 的 性 质 ， 从 v 到 Xw 经 历 了 一 个 类 似 于 从 正 工 轴 到 正 y 轴 的 90” 
旋转 。 因 此 ， 有 时 也 记 为 v-。 
同样 ，v 到 w 再 到 wv X w 描述 了 一 个 右手 坐标 系 (right- 
handed coordinate system)， 其 中 右手 的 小 指 指向 第 一 个 向 量 ， 
然后 弯曲 90" 让 它 指向 第 二 个 向 量 ， 此 时 大 拇指 将 指向 第 三 个 
向 量 的 方向 (如 图 7-8 所 示 )。 一般 地 ， 在 nn 维 空 间 中 ,nn 一 1 个 
向 量 v; ，…，w,-1 的 又 积 z 将 位 于 垂直 于 包 售 v1，…，w,1 的 
子 空间 的 直线 上 ， 其 长 度 等 于 (n 一 1)! 乘 上 一 个 (2 一 1) 维 的 类 
似 棱 锥 体 的 体积 ， 棱 锥 体 的 顶点 为 原点 和 各 回 量 的 末端 点 。 
如 果 该 体积 非 零 ， 类 似 于 3D 空间 的 右手 定 则 ，z 方向 的 朝向 四 生计 中 人民 
将 使 得 01 ，vs，…，v,1，z 构成 一 个 “下 的 定向 ”。 pe 
7.6.4.2 点 积 
从 线性 代数 可 知 ， 两 个 维 向 量 v 和 w 的 点 积 定义 为 : 
ve。 Ww= vwi 二 vars 二 十 Vit, (7=35) 
有 时 也 记 为 (v，w)。 通 常 称 为 内 积 (inner product)。 点 积 可 用 于 计算 角度 。 如 果 w 和 也 
是 单位 向 量 ， 则 它们 之 间 的 夹 角 0( 见 图 7-9) 满 足 : 
v» w= cos(0) 《7-36 ) 








使 用 最 多 的 形式 是 : 





0 = cos! -ew Cy 
Nv wl 
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它 给 出 了 任何 两 个 非 零 向 量 之 间 夹 角 ， 位 于 0 到 的 闭 区 间 内 。 
固定 向 量 wER， 那么 函数 : y 
pu:R > R:yPw ev (7-38) u 
代表 了 “w 与 w 的 相似 程度 ”， 其 意义 是 : 对 于 所 有 不 同方 向 
的 v( 假 定 其 长 度 固 定 ， 例 如， 长 度 为 1 )， 当 vw 与 w 方向 平行 
时 ,该 函数 取 最 大 的 正 值 ; 方向 相反 时 ,该 函数 取 最 小 负 值 ; 0 1 
互相 垂直 时 ， 函 数值 为 零 。 1 
点 积 是 线性 代数 中 许多 内 容 的 核心 。 大 量 的 计算 和 简化 可 
采用 向 量 及 其 点 积 而 不 是 其 坐标 得 以 实现 ， 并 有 利于 揭示 运算 


的 内 涵 。 图 7-9 单位 向 量 的 点 积 给 
7.6.4.3 w 在 v 上 的 投影 出 两 个 向 量 之 间 夹 
作为 点 积 的 应 用 举例 ， 假 设 要 将 位 移 w 写成 一 个 向 量 和 : Wm 
w= vu (7-39) 


其 中 v' 平 行 于 mw, u 垂直 于 wv (参见 图 7-10)。 如 何 确定 v 呢 ? 
首先 可 以 知道 v' 是 v 的 某 个 倍数 sv。 因此 只 需要 确定 s。 将 vw 
和 公式 (7-39) 两 边 进行 点 积 : 











vw—=ve Vu:u (7-40) 
二 图。《s0) 症 0 (7-41) 
= (Vi 因 地 (7-42) 
4 (7-43) ”图 7-10 把 位 移 w 分 解 成 
六 两 个 位 移 的 和 ， 
因此 ， 投影 为 : 一 个 平行 于 给 定 
和 -Th 向 量 v， 男 一 个 垂 
= 二 ( -44) 直 于 向 量 v 
而 就 为 : 
U=w—wv (7-45) 
当 vw 是 单位 向 量 时 ，wv' 的 表达 可 简化 为 : 
Vv = (v. w)v (7-46) 


7.6.4.4 点 和 向 量 的 运算 

当 向 量 表示 两 点 之 间 的 差 或 位 移 时 ， 可 进行 下 列 多 种 运算 : 

e 点 PP 和 Q 之 间 的 差 ， 记 作 P 一 Q， 是 一 个 向 量 。 

e 点 也 和 向 量 v 的 和 是 男 一 个 点 。 特 殊 地 ，P 十 (Q 一 P) 二 QQ。 

e@ 向 量 之 和 或 差 定义 为 向 量 中 各 分 量 之 和 或 差 。 

@ 两 点 之 和 无 定义 。 

因此 ， 虽 然 平面 上 的 点 和 向 量 都 用 一 对 实数 来 表示 ， 但 是 根据 书写 惯例 ， 点 记 为 二 元 
组 ， 例如 (3，6)， 而 向 量 记 为 2X1 矩阵， 用 方 括号 括 起 来 。 在 软件 中 (参见 第 12 章 ), 将 
向 量 和 点 分 为 不 同 的 类 型 ， 是 有 利 的 。 在 面向 对 象 的 语言 中 ， 可 定义 类 Point 和 
Vector。 第 一 个 类 包含 AddToVector 操作 ,但 不 包含 AddToPoint 操作 ; 第 二 个 类 包 
含 全 部 两 种 操作 (得 到 的 结果 分 别 是 vector 和 Point)。 这 种 区 别 可 以 通过 编译 器 减少 我 
们 在 处 理 涉 及 点 和 向 量 的 数学 问题 上 的 犯错 机 会 。 

如 果 采 用 EE 表示 所 有 点 的 集合 ，R? 表示 所 有 向 量 的 集合 ， 则 已 经 定义 了 

差 :EXE:—>R’:(P,Q) PP 一 Q, 与 (7-47) 





和 :EF XR:—FE:.(P,v) PP+v (7-48) 
(注意 EXE 是 EF 与 自身 的 笛 卡 儿 积 ， 即 所 有 点 对 的 集合 。) 这 些 定义 可 以 自然 地 推广 到 
R" 和 E"。 从 广义 上 说 ,通过 这 些 操 作 可 以 定义 点 的 仿 射 组 合 。 虽 然 前 面 提 到 点 没有 加 法 ， 
但 是 前 面 我 们 已 看 到 两 个 点 己 和 Q 的 中 点 可 以 简洁 地 表示 为 : 





1 

a (7-49) 
现在 分 析 上 式 的 实际 含义 。 表 达 式 

aP + BQ (7-50) 


只 有 在 a 十 8 二 1 时 才能 称 为 P 和 Q 的 仿 射 组 合 。 暂 且 假 定 所 有 的 算术 运算 都 适用 于 点 ， 那 
么 可 先 加 上 BP 再 减 去 它 ， 得 到 











gaP AQ= aP+tBP++ARQ— BP (7=51 > 
= (ae 十 DJ)P 十 BCQ 一 P) (7=52) 
= P+B8(Q— P) (7-53) 

受 上 述 并 不 严 间 的 代数 的 启发 ， 我 们 将 运算 aP 十 BQ 定义 为 ; 
PAQ= PP) (7-54) 
该 式 是 有 意义 的 ， 因 为 Q 一 P 是 一 个 向 量 ， 当 然 8(Q 一 P) 也 是 向 量 ; 该 向 量 能 够 加 到 点 P 
上 ， 得 到 一 个 新 点 。 该 定义 可 自然 地 推广 到 2 点 以 上 的 仿 射 组 合 。 例 如 ，aP 十 8Q 十 YR， 

其 中 a 十 8 十 y= 二 1， 表 示 

Pp == Py =p) (7=55> 





经 常会 遇 到 点 的 这 种 仿 射 组 合 ， 尤 其 在 第 22 章 讨论 样 条 曲线 的 时 候 。Mann 等 人 
[MLD97] 运 用 这 种 “ 仿 射 几何 ”处 理 所 有 的 图 形 ， 尽 可 能 地 不 使 用 坐标 。 事 实 上， 在 
Points 类 中 包含 一 个 AffineCombination 方法 ， 能 够 避免 错误 或 令 人 烦恼 的 代码 编 
写 。 代 码 清单 7-1 给 出 了 一 种 可 能 的 实现 。 

代码 清单 7-1 用 C# 编 写 的 仿 射 组 合 代码 。 两 个 点 的 情况 





public Point AffineCombination(double[] weights, Point[] Points) 
{ 


1 

2 

3 Debug.assert (weights.length == Points.length); 
4 Debug.assert (sum of weights == 1.0); 

5 Debug.assert (weights.length > 0); 
6 
入 
8 


Point Q = Points[0]; 
EOF (it 主持 区 WELIhts Length; 148), +{ 
9 QQ + welights[iJ* (Pointsl[li] = Points [0]); 
10 } 
1 return Q; 
12 下 


14 public Point AffineCombination(Point P, double wP， 
的 Point Q, double wo) 
16 1 

17 Debug.assert( (wP + wO) == 1.0);，; 


19 Point R = P; 
20 到 三 及 十 WO ww (GQ = Py 
2 return R; 





7.6.5 和 矩阵 乘法 
对 于 两 个 矩阵 A 和 B， 当 A 的 列 数 等 于 B 的 行 数 时 ， 可 以 定义 它们 的 乘积 。 若 4 是 
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nXk 和 矩阵 ，B 是 kXp 矩阵 ， 则 其 乘积 4B 乘积 是 一 个 nXp 矩阵。 车 A 的 第 i 行为 向 量 r; 
的 转 置 ，B 的 第 j 列 为 向 量 ce;， 则 乘积 AB 的 j 元 素 就 是 r;* c;， 下 面 的 示意 图 将 有 助 于 


记忆 : 
p 
Peer 
中 (7-56 ) 
(Ps) 一 Ti: 
n ri 
Ne 
二 
因此 ， 向 量 v 和 w 的 点 积 正好 是 矩阵 乘积 zz， 并 且 
vew= vw= wv (7=57) 


据 此 可 以 解释 矩阵 A( 行 向 量 为 a;) 和 向 量 v 的 乘积 : 如 果 w 二 Av， 那 么 w 的 第 i 个 元 素 代 
表 着 “w 与 ae 相似 程度 ”( 取 讨论 公式 (7-38) 时 所 赋 含 义 ) 。 
Av 还 有 另外 一 种 同样 有 用 的 解释 。 令 b; 为 A 的 列 向 量 ， 那 么 
Av = vib 二 wb 二 十 vb, (7-58) 
即 A 与 v 的 乘积 是 矩阵 A 中 的 列 向 量 的 一 个 线性 组 合 。 
定义 Av 后 一 个 特别 好 的 应 用 是 : 如 果 需 要 计算 4 与 一 组 向 量 w ，v,…，wi 的 乘积 ， 
可 以 预先 把 这 些 列 向 量 组 合成 一 个 矩阵 V， 然 后 乘积 : 
AV (7-59) 
是 一 个 和 矩阵 WW， 它 的 第 ii 列 是 A v;。 当 然 在 计算 方面 这 并 不 比 A 和 每 个 向 量 单独 相 乘 更 有 
效 。 它 的 关键 应 用 是 : 如 果 有 两 个 向 量 集 mw ，v2…，v 和 wi，ws…，w:， 希 望 找到 一 个 
矩阵 4 使 得 : Av; 二 w;，1 三 ik&， 即 
AV=W (7-60) 
通常 上 式 并 不 能 获得 精确 解 ， 但 可 以 证 明 : 通过 对 V 和 W 进行 直接 的 和 矩阵 运算 ,能够 找 
到 一 个 “最 好 ”和 矩阵 A 满足 上 式 。 其 主要 思想 将 在 10. 3. 9 节 中 给 出 。 
一 般 地 ， 算 阵 乘 法 是 不 可 交换 的 ， 即 AB 关 BA。 
课 内 练习 7.3: (a) 如 果 有 入 是 一 个 2X3 和 矩阵 ，B 是 一 个 3X1l1 秆 阵 ， 证 明 AB 有 意义 ， 
但 BA 没有 意义 。 
thy SAL 2 Sy BT 1 Ll Hp BA 


7.6.6 其 他 类 型 的 向 量 

R*、R’ 以 及 一 般 的 n 维 空间 R" 具 有 确定 的 性 质 ， 包 括 加 法 (满足 交换 律 和 结合 律 )， 标 
量 乘法 (满足 结合 律 和 关于 加 法 的 分 配 律 )。 存 在 一 个 0 向量， 对 任何 向 量 v 都 有 : 0 十 一 
v 十 0 二 wv。 还 有 加 法 逆 : 给 定 一 个 向 量 v， 总 能 找到 另 一 个 向 量 w， 使得: w 十 v 一 0。 这 
些 性 质 合 在 一 起 ， 使 得 R" 成 为 一 个 向 量 空间 。 在 图 形 学 中 还 将 遇 到 其 他 的 几 个 向 量 空间 ， 
一 些 出 现在 讨论 图 像 时 ， 一 些 在 讨论 样 条 函数 时 ， 还 有 一 些 在 讨论 绘制 时 。 它 们 大 多 有 一 
个 共同 的 形式 ， 即 均 为 以 函数 为 元 素 的 空间 。 

前 面 曾 为 一 个 向 量 ER' ， 定 义 一 个 函数 : 








$i:R -> 及 :ozFyz。m (7-61) 
这 是 R*” 上 的 一 个 线性 函数 。 事 实 上 ,任何 从 R’ 到 R 的 线性 函数 都 具有 这 样 的 特殊 形式 。 
课 内 练习 7.4: 令 f:; R* 一 R 为 一 个 线性 函数 。 令 4a 二 fl(ei), b 二 ff(e), 且 w= 
[a 6]"。 证 明 对 任何 向 量 v， 有 f(v) 二 $。(v)。 需 要 用 到 f 为 线性 函数 的 假设 。 
所 有 这 样 的 函数 集合 ， 即 
R2 = ($,:wE€E RR’) (7-62) 
构成 一 个 向 量 空间 : 任何 两 个 线性 函数 之 和 还 是 线性 函数 ; 该 空间 的 零 向 量 是 加; 加 的 加 
法 逆 为 #_,, 。 标 量 乘 法 需 稍 加 解释 。 从 R’ 到 及 的 函数 乘 以 一 个 数 是 什么 意思 呢 ? 令 f 为 从 
R 到 R 的 函数 ,那么 函数 g 二 11f 定义 的 函数 为 : 
sR RlLICD (元 8837 
这 就 是 ， 对 函数 了 的 结果 乘 以 11。 
课 内 练习 7.5: 假定 wER ,解释 3$, 二 $8, 。 
从 R 到 R 的 线性 函数 所 组 成 的 空间 称 为 R* 的 对 偶 空间 (dual space)， 它 的 元 素 有 时 称 
为 对 偶 向 量 (Cdual vector) 或 余 向 量 (Ccovector) 。 同 样 的 想法 可 推广 到 R: ， 甚 至 R" 。 在 R” 和 
R”* 之 间 存 在 一 个 明显 的 元 素 对 应 关系 ， 即 向 量 w 对 应 着 余 向 量 $,, 。 那 么 为 什么 不 称 它们 
“是 相同 的 ” 呢 ? 后面 将 看 到 ， 将 它们 区 分 开 确 有 一 些 实质 性 的 优点 。 特 别 地 ， 如 对 一 个 
向 量 空 间 的 所 有 元 素 实施 变换 ， 如 进行 旋转 或 沿 y 轴 拉 伸 ， 基 对 应 余 向 量 的 变换 一 般 是 不 
同 的 。 
采用 坐标 的 形式 ， 若 w 二 La 65] ， 则 函数 加 可 写成 : 
g。 :下 ~R:| le 网 (7-64) 
因此 ， 有 些 书 将 余 向 量 表示 为 行 向 量 ， 普 通 的 向 量 表 示 为 列 向 量 。 
注意 ,在 软件 设计 时 ， 定 义 余 向 量 covector 类 也 是 有 意义 的 , 正如 前 面 区 分 
Point 类 和 Vector 类 一 样 。 
余 向 量 特别 适合 于 表示 三 角形 的 法 向 量 ( 三 角形 的 法 向 量 是 一 个 非 零 向 量 ， 它 垂直 于 
三 角形 所 在 平面 ， 可 用 于 对 计算 诸如 三 角形 在 沿 一 定 方向 的 入 射 光 照射 下 的 亮度 ) 。 虽 然 
人 们 经 常 谈 及 法 向 量 , 但 是 这 类 向 量 几 乎 总 是 按 余 向 量 处 理 。 准 确 地 说 ， 我们 从 不 会 将 三 
角形 的 法 向 量 n， 加 到 男 一 个 向 量 或 者 点 上 面 ， 而 是 经 常用 在 诸如 n* 的 表达 式 中 (例如 ， 
& 可 以 是 入 射 光 的 方向 ) 。 因 此 ， 它 确实 是 有 意义 的 余 向 量 : 


upPn*u (7-68) 


7.6.7 隐 式 直线 


我 们 已 经 介绍 了 直线 的 参数 化 形式 ( 见 公式 (7-24))。 描 述 P 卫 和 Q 之 间 直 线 的 另 一 方法 
并 非 是 定义 一 个 函数 t+Py (1)， 使 得 每 一 个 实数 t 的 函数 值 均 为 直线 上 的 一 个 点 ， 而 是 定 
义 男 一 不 同类 型 的 函数 ， 用 以 确定 R 中 的 任 一 点 (x，y) 是 否 位 于 直线 上 。 这 种 函数 采用 
隐 式 的 、 非 参数 化 的 方式 定义 直线 。 直 线 的 隐 式 表示 经 常用 到 。 下 面 会 看 到 , 求 取 两 条 参 
数 化 直线 之 间 的 交点 远 难 于 计算 一 条 参数 化 直线 和 一 条 隐 式 直线 的 交点 。 在 图 形 学 中 我 们 
会 频繁 地 遇 到 直线 (或 光线 ) 与 物体 求 交 ( 即 求 取 光 线 与 场景 中 景物 的 交点 )， 下 面 我 们 更 全 
面 地 考察 这 种 隐 式 表示 。 

如 果 下: R 一 R 是 一 个 函数 ， 那 么 对 于 任 一 c， 可 定义 一 个 集合 

L. = {(zsy):F(r,y) 一 (7-66) 
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称 为 下 在 c 处 的 水 平 集 (level set)。 以 一 个 普通 的 天 气 图 为 例 ， 图 上 的 每 一 点 (x，y) 都 对 
应 一 个 气温 值 T(x+，y)。 所 有 温度 为 80 下 的 点 形成 一 个 
水 平 集 ， 类 似 地 ， 有 温度 为 70 下 、60 下 ， 等 等 的 水 平 
集 。 它 们 通常 在 图 上 呈现 为 曲线 ， 每 一 条 曲线 都 是 温度 
函数 的 水 平 集 。 类 似 地 ， 图 7-11 中 的 等 高 线 地 图 包含 了 
对 应 于 不 同 高 度 的 等 高 线 ， 这 些 曲线 代表 了 高 度 函 数 的 
水 平 集 。 在 图 形 学 中 ， 我 们 也 经 常 创 建 函 数 下， 用 其 c= 
0 的 水 平 集 表示 某 些 形状 。 该 集合 称 为 函数 下 的 零 水 平 
集 (zero set ) 。 

课 内 练习 7.6: 天 气 图 上 的 两 个 等 温度 曲线 会 不 会 交 
六 人 为 人 长 





7. 6.8 平面 直线 的 隐 式 描述 0 

如 何 找 到 一 个 函数 下 ， 它 在 经 过 P、Q 两 点 的 直线 上 
为 零 ， 但 是 在 其 他 位 置 非 零 。 即 如 何 找 到 该 直线 的 隐 式 
表示 ? 简要 思考 一 下 ， 然 后 往 下 读 。 

首先 , 令 n 二 XxX(Q 一 P)= 二 (Q 一 P)+， 则 向 量 n 垂直 
于 该 直线 (参见 图 7-12)。 具 有 该 性 质 的 非 零 向 量 ， 称 
为 直线 的 法 向 量 (normal vector) 或 法 向 Cnormal) 。 

课 内 练习 7.7: 向 量 n 称 为 直线 的 一 个 法 向 而 不 是 
唯一 法 向 ; 验证 2n 和 一 n 也 是 直线 的 法 向 ， 从 而 证 明 上 








0 图 7-12 向 量 n 二 (Q 一 P)+ 垂 直 于 经 
V = 四 也 弄 一 Ye 一 上 
如 果 X 是 直线 上 一 点 ， 则 向 量 X 一 P 是 沿 直 线 方 人 
向 ， 因此 也 垂直 于 有 1。 如 果 X 不 在 直线 上 ， 则 = 不 线 上 任何 点 3 (X 一 PP) 均 
(X—P).n=0 (7-67) X 位 于 直线 上 当 且 仅 当 
完全 刻画 了 位 于 直线 上 的 点 X。 从 而 可 以 定义 : CD 
ERY = Ct PY en (7-68) 


为 该 直线 的 一 个 隐 式 描述 ， 我 们 将 称 其 为 直线 的 标准 隐 式 形式 (standard implicit form)。 
课 内 练习 7.8: 刚刚 定义 的 函数 下 的 定义 域 和 陪 域 是 什么 ? 
课 内 练习 7.9: 讨论 中 假定 PP 和 Q 是 不 同 的 点 。 如 果 忆 和 Q 相同 ， 那么 函数 下 隐 式 
地 定义 了 什么 集 ? 


2 
作为 一 个 具体 的 例子 ， 如 果 一 (1,，0),Q 一 (3, 4), 那么 有 Q 一 P 一 | |, "一 


= 外 
| |。 令 X 的 坐标 为 (z，3)， 则 直线 的 隐 式 表示 为 
序 一 1 一 4 
F(x,y) = ol ,|=0 (7=69» 
采用 坐标 表示 ， 等 价 于 





昌 注意 : 此 处 使 用 公式 (7-34) 中 定义 的 2D 又 积 。 








4Cz 一 1) 十 2y 一 0 (7-70) 





4 十 29 十 下 一 0 (和 719 
这 是 我 们 所 熟悉 的 直线 方程 Az 十 By 十 C=0 的 定义 方式 。 

直线 的 隐 式 表示 和 参数 化 表示 均 可 推广 到 3D 空间 : 给 定 3D 空间 中 两 点 ， 公 式 (7-24) 
中 的 参数 化 形式 确定 了 连接 它们 的 直线 。 隐 式 表示 ( 即 (X 一 P)，…n 二 0) 确定 了 一 个 经 过 P 
并 垂直 于 癌 量 n 的 平面 ， 确 定 一 条 直线 则 需要 采用 两 个 法 向 量 不 平行 的 平面 方程 。 


7.6.9 能 否 采用 y=mx 十 b 


图 形 学 一 般 避 免 使 用 直线 的 “和 斜率 - 截 距 ” 表 示 (y 一 mz 十 5，m 称 为 儿 率 ，b 称 为 堆 
距 ，(0，0) 为 直线 与 y 轴 的 截 交 点 )， 因 为 它 不 能 表示 垂直 的 直线 。 基 于 “两 点 ”定义 的 
上 面 的 直线 隐 式 和 参数 化 形式 则 更 加 一 般 ， 涉 及 它们 的 表达 式 无 需 做 任何 特殊 处 理 。 


7.7 直线 求 交 

对 于 平面 上 的 直线 ， 我 们 已 有 隐 式 和 参数 化 两 种 表示 方法 。( 参 数 化 表示 可 推广 用 于 
表示 R" 中 的 直线 。) 通 过 练习 ， 很 容易 在 两 种 表示 之 间 进 行 转换 。 如 果 要 求 两 条 直线 的 交 
点 ， 可 以 采用 隐 式 - 隐 式 、 参 数 化 -参数 化 、 隐 式 -参数 化 三 种 计算 方法 。 隐 式 - 隐 式 求 交 方 
法 相对 麻烦 ， 最 好 将 其 中 一 条 直线 转化 为 参数 化 表示 ,然后 运用 隐 式 -参数 化 方法 求 交 。 
下 面 先 讨 论 两 条 参数 化 直线 的 求 交 ， 从 中 看 到 采用 隐 式 -参数 化 方法 求 交 的 优点 。 一 般 地 ， 
隐 式 直线 和 参数 化 直线 的 求 交 具有 最 简单 的 代数 表达 。 


7.7.1 参数 化 -参数 化 直线 求 交 


假定 有 两 条 参数 化 表示 的 直线 ， 即 两 个 函数 ; 
7y:R 一 R:zHhtiA 十 (1 一 已 如 
7:R 一 RhHsC 十 (1 一 5)DD 
分 别 对 应 直线 AB 和 直线 CD (参见 图 7-13) 。 现 欲求 两 条 直线 
的 交点 已 。 由 于 交点 位 于 由 函数 y 确定 的 直线 上 ， 即 存在 某 











个 实数 ，y(46) 为 交点 。 同 样 ， 也 存在 某 个 实数 s,。，w(s0) 为 
交点 。 令 这 两 个 点 相等 ， 得 到 
w= = ww C+ 0)D (7-74) 
也 可 写成 
B—D==(=— DFyw(tG —. Dy (7-75) ”图 7-13 直线 AB 和 CD 是 
这 是 一 个 好 的 表达 式 ， 它 只 涉及 向 量 ( 即 点 之 间 的 差 )。 ee 
如 果 根 据点 A、B、C、D 的 坐标 ， 将 公式 (7-74) 展开 ， 于 未 知 的 点 P 


可 得 到 关于 未 知 参数 s,。 和 的 两 个 方程 ， 并 求解 。 最 后 通过 
计算 十 A 十 (1 一 4)B 或 oC 十 (1 一 0)D 计算 确定 交点 了 。 

另 一 种 更 可 取 的 求解 方法 是 采用 公式 (7-75) 中 的 向 量 表示 。 令 v=A 一 B, wu 一 C 一 D， 
则 有 





肋 一 万 = 三 一 页 鼠 十 So& (7-76 ) 
等 式 两 边 与 Xv 进行 点 积 ， 得 到 
(B= DY) (x 册 三 一 高 忆 (Xv Hu (Kv) (7-77) 


2D 和 3D 空间 中 的 基础 数学 与 几何 135 








六 一 四 和 基站 下 丰 ) (7-78) 
CB SY 
a $0 (7-79) 


上 式 中 的 化 简 得 益 于 Xv 垂直 于 m， 其 点 积 为 零 。 在 方程 的 两 边 与 正 交 于 方程 中 某 一 项 的 
向 量 做 点 积 ， 以 消去 该 项 ， 是 一 个 常用 的 技巧 。 


7.7.2 参数 化 - 隐 式 直线 求 交 


现 假设 给 定 一 条 参数 化 直线 和 一 条 隐 式 直线 ， 为 计算 它们 的 交点 ， 需 要 找到 参数 如 ， 
使 得 点 
Y(to) = (1 一 加 ) 卫 十 训 Q 0 


位 于 直线 =={X: (X 一 S) .n= 二 0} 之 上 ， 
为 了 使 它 成 立 ， 需 要 











(y(t0)—S).n=0 (7-81) 
也 就 是 
((1—i)P+iQ—S).n=0 (7-82) 
向 量 形式 再 次 体现 优势 ， 我 们 可 进行 以 下 简化 : 
(Pt,(Q 一 P) 一 S)。n= 0, 于 是 (7-83) 
(to(Q—P)+(P—S)).n=0 (7-84) 
记 u 二 Q 一 P 和 w= 二 =P 一 S$， 则 有 
tou*ni+v.en=0 (C7885) 
tou* n=— ve。n C7=86) 
二 (7-87) 
Us 


将 该 式 代入 y(to) 的 公式 中 ， 可 得 到 交点 荆 的 xy 坐标 。 

课 内 练习 7. 10: 执行 最 后 一 步 的 计算 ， 求 得 工 点 坐标 。 试 着 在 所 有 的 计算 中 ， 采 用 
点 积 和 向 量 运算 ， 而 不 采用 显 式 的 坐标 计算 。 

注意 这 种 计算 方法 给 出 了 两 点 : 第 一 ， 通 过 六 的 值 ， 可 知 交 点 在 由 y 确定 的 直线 上 的 
位 置 ， 例如， 大 在 0 和 1 之 间 ， 则 交点 位 于 P 和 Q 之 间 ; 其 次 ， 亦 可 得 到 交点 的 确切 坐 
标 (zo，y )， 即 位 于 Az 十 By 十 Cx 一 0 隐 式 直线 上 的 显 式 点 。 如 果 只 关心 位 于 己 和 Q 之 间 
的 交点 ， 若 mm 不 在 0 和 1 之 间 ， 即 可 避免 第 二 步 的 计算 。 


7.8 更 一 般 的 求 交 计算 


在 讨论 直线 求 交 时 ， 我 们 提倡 采用 向 量 和 内 积 。 这 种 方法 有 几 个 优点 : 

不 需要 逐个 坐标 将 每 个 表达 式 重 复 2 次 (在 2D 空 间 ) 或 3 次 (在 3D 空 间 )， 每 次 只 
写 一 个 表达 式 ， 从 而 减少 了 出 错 机 会 。 

通常 ， 向 量 形式 的 计算 可 以 自然 地 推广 到 维 空间 ,但 是 坐标 形式 却 并 非 如 此 。 
(例如 ， 将 向 量 w 分解 为 该 向 量 的 平行 分 量 和 垂直 分 量 的 表达 式 在 2D、3D、4D 等 
空间 中 均 适 用 。) 

e 代码 少 的 程序 更 容易 阅读 和 调试 。 基 于 向 量 计算 描述 的 程序 通常 比较 简单 。 

我 们 将 再 考虑 两 个 采用 向 量 形式 计算 交点 的 例子 : 光线 与 平面 求 交 及 与 球面 求 交 。 





7.8.1 光线 -平面 求 交 

给 定 一 条 起 点 为 P、 方 向 向 量 为 d( 故 光线 上 的 点 为 P 十 td，t 宇 0) 的 光线 ， 以 及 经 过 
点 Q、 法 向 量 为 n 的 平面 ， 计 算 它 们 的 交点 。 平 面 上 任 一 点 X 具 有 如 下 属性 : 

(X—Q).n=0 (7-88) 

这 是 R* 空间 中 标准 隐 式 直线 方程 的 扩展 。 

现 欲 求 一 个 上 之 0 的 上 值 ， 使 得 点 P 十 td 位 于 平面 上 。 显 然 该 点 既 在 平面 上 ， 又 在 光线 
上 ， 即 为 平面 和 光线 的 交点 。 先 假设 存在 这 样 的 点 ， 且 是 唯一 的 ， 稍 后 再 回 到 这 一 假 
设 上 。 

由 于 P 十 td 位 于 平面 上 ， 因 此 它 必须 满足 


《十 志 庆 和) i) 
通过 对 该 式 进行 简化 ， 可 求 得 1: 
(( 了 十 妈 ) 一 Q)。m 一 0 (7-90) 
4P 一 入 十 起 0) n= (7-91) 
(P—Q).nititd.n=0 (7-92) 
td .n=— (P—Q).n (7=93) 
td .n= (Q—P).n (7-94) 
(一 (7-95) 


读者 会 注意 到 ， 上 面 的 计算 实质 上 与 之 前 公式 (7-87) 相 同 。 这 再 次 证 明 向 量 形式 具有 
良好 的 扩展 性 。 
课 内 练习 7. 11: 在 上 面 显示 的 代数 式 中 ， 为 什么 不 将 第 一 个 等 式 简 化 为 P. n+td。… 
n—Q* n=0? 
得 到 : 值 之 后 ， 可 计算 P 十 td 获得 交点 。 但 有 两 个 问题 尚 需 考虑 : 
e 计算 :的 表达 式 中 存在 除 以 零 的 可 能 性 。 
@ 交点 存在 且 唯 一 的 假设 。 
事实 上 ， 这 两 个 问题 属 同一 问题 ! 如 果 d，n 二 0， 则 光线 平行 于 平面 。 那 意味 着 它 或 
者 包含 在 平面 中 (在 这 种 情况 下 ， 有 无 数 多 个 交点 ); 或 者 与 平面 分 离 ， 此 时 没有 交点 。 在 
第 一 种 情况 中 分 子 和 分 母 都 是 0， 而 在 第 二 种 情况 中 只 有 分 母 为 0。 
课 内 练习 7. 12: 如 果 求解 上 时 得 到 一 个 负 值 将 对 应 什么 情形 ? 如 果 分 子 或 分 母 是 负 
的 ， 而 其 他 项 是 正 的 ， 则 会 出 现 负 值 。 请 从 几何 上 描述 每 一 种 情形 ， 就 如 在 : “第 一 种 情 
形 下 ，P 在 平面 正 侧 ( 即 法 线 指向 的 半空 间 )，…” 
让 我 们 再 做 一 次 交点 计算 ， 这 一 次 平面 由 平面 上 一 个 点 Q 和 两 个 线性 无 关 的 向 量 w 和 
v 所 定义 。 于 是 ， 位 于 平面 内 的 点 可 写成 如 下 形式 : 
Qau+t+pBv (7-96) 
其 中 a 和 8B 是 两 个 实数 。 该 问题 看 上 去 要 困难 得 多 ， 因 为 它 需 要 同时 求 出 :、a 和 pB。 但 是 
稍 后 将 看 到 ， 这 一 感觉 只 是 部 分 正确 。 
我 们 想 找 到 一 个 1 值 (1 宇 0)， 满足 
P+itd = Q+autpBv (7-97) 
其 中 a 和 8B 是 两 个 实数 。 接 下 来 的 几 个 代数 步骤 类 似 。 移 动 方程 中 的 点 ， 得 到 差 向 量 ， 然 
后 只 进行 向 量 计算 : 
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P 二 td 一 Q+au 十 Bu (7-98) 
P—Q+td= autpo (7-99) 
P—Q=aut+pBv—id (7-100) 


令 h 二 PP 一 Q， 可 看 到 ， 现 在 问题 已 转化 为 “将 向 量 h 表示 为 x、v 和 4d 的 线性 组 合 ”。 令 
M 是 一 个 和 矩阵， 它 的 列 向 量 为 这 三 个 向 量 ， 那 么 方程 的 解 变 为 

[a 8 一 村 =NMTCP 一 Q) (7-101) 
求解 上 式 只 需要 对 一 3X3 和 矩阵 求 着 。 虽 然 这 并 不 困难 ， 但 掩盖 了 问题 的 若干 本 质 特 征 。 
首先 ，M 可 能 是 不 可 逆 的 ， 但 即使 这 样 ， 下 面 的 解 也 可 能 存在 : 

M[a 68 一 村 =(CP 一 Q) (7-102) 
( 当 光 线 平行 于 平面 时 ，M 不 可 逆 ; 当 光 线 位 于 平面 内 时 ， 解 存在 ， 并 且 存 在 无 穷 多 解 。) 
其 次 ， 对 每 一 条 新 的 光线 需要 重新 求 逆 以 计算 它 和 平面 的 交点 ， 这 使 得 光线 -平面 求 交 的 
计算 量 大 ,不 是 一 种 好 方法 。 

男 一 可 取 的 方法 是 ， 先 计算 n 二 wxX v， 然 后 使 用 前 一 种 方法 求解 。 这 确 是 一 种 好 的 选 

择 ， 因 为 又 积 计 算 仅 需 计算 一 次 ， 并 可 保存 重用 。 不 难看 到 ， 相 对 于 与 参数 化 形式 的 平面 
求 交 ， 光 线 与 隐 式 平面 的 求 交 计算 要 容易 得 多 。 


7.8.2 光线 - 球 求 交 

再 次 假设 一 光线 ， 其 表示 为 P 十 td ，t 宇 0。 现 在 要 计算 它 与 一 个 球面 的 交点 ,球面 中 
心 在 点 Q、 半 径 为 +。 

该 球 的 隐 式 描述 为 : 如 果 点 X 到 Q 的 距离 是 +r， 则 点 X 在 球 上 。 这 等 价 于 说 其 平方 
距离 (更 容易 操作 ) 是 一， 即 

(XW XQi=7 (7-103) 

这 里 用 到 了 v， wv 为 向 量 v 的 长 度 的 平方 。 

现在 问题 是 :“P 十 td 位 于 球面 上 时 上 需 满足 什么 条 件 ?” 显 然 有 


CPE) — QP EQ) = (7-104) 

因为 向 量 P 一 Q 将 会 多 次 出 现 , 令 它 为 wv。 这 样 ， 上 述 表 达 式 可 简化 为 : 
((P+id)—Q) (CCP 十 好) 一 Q) 一 壮 (7-105) 
CP=O) TP = 7 (7-106) 
(v 十 td)。(v 十 td) 二 效 (因为 v= P 一 Q) (7-107) 
Ca“z) 十 2(Gtd .za) 十 (td .td)=r (7-108) 
(vv—r)+i(2d .vt+e(d.d)=0 (7-109) 


最 后 一 个 方程 是 关于 上 的 二 次 式 ， 因 此 可 能 有 0、1 或 2 个 实数 解 。 

课 内 练习 7. 13: 从 几何 上 描述 这 个 方程 有 0、1 或 2 个 解 的 条 件 。 例 如 ,“ 如 果 光 线 与 
球 不 相交 ， 将 没有 解 。 如 果 …… 

幸运 的 是 ， 很 容易 知道 二 次 方程 c 十 bt 十 at?= 二 0 是 否 有 0、1 或 2 个 解 。 由 二 次 公式 可 
知 该 方程 的 解 为 : 


f= = 5 ee (7-110) 
a 





若 如 一 4ac 宇 909， 有 两 个 实数 解 ; 若 平方 根 是 0， 即 兰 王 4ac， 则 两 个 解 取 相 同 值 。 在 我 们 的 
情况 中 ， 可 以 证 明 ， 这 意味 着 如 果 
(人 ao) (vv—r)(d.d) 3 
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则 有 两 个 解 ;， 如 果 两 边 相 等 ， 则 有 一 个 解 。 
注意 ， 如 果 光 线 表达 式 中 的 向 量 d 采用 单位 向 量 ， 则 计算 可 以 简化 ， 因 为 4d :d=1。 
以 上 例子 一 一 直线 与 直线 求 交 、 直 线 与 平面 求 交 、 光 线 与 球面 求 交 一 一 都 验证 了 下 面 

的 一 般 化 原则 : 

w 参数 / 隐 式 对 偶 原则 : 采用 参数 表示 和 隐 式 表示 的 形状 之 间 存 在 对 偶 性 。 一 般 ， 当 一 
个 形状 为 隐 式 表示 ， 另 一 个 形状 为 参数 表示 时 ， 容 易 计 算 它 们 的 交点 ; 而 当 它 们 均 为 
隐 式 表示 或 参数 表示 时 ， 则 较为 不 易 。 





7.9 三 角形 
几何 学 中 早已 熟悉 的 三 角形 也 是 计算 机 图 形 PE 
学 建 模 的 基本 元 素 。 如 果 某 个 三 角形 顶点 为 A、B | XR=d-92+sC 
和 C， 取 点 Q=(1 一 站 A 十 雪 ， 则 当 0 过 z 才 1 时 ，Q ee ee 
位 于 连接 A 和 B 的 边 上 ( 见 图 7-14)。 同 样 ， 取 点 
= > 





RR 二 (1 一 5)Q 十 sC， 则 当 0 志 ;1 时 ,，R 位 于 连接 Q 
和 C 的 边 上 。 推 而 广 之 ， 有 
R= 二 (131 一 候 让 十 和 一 肥 昌 二 让 
(7-112) ”图 7-14 当 t€E[0, 1] 时 点 Q=(1 一 DA+tB 








公式 (7-112) 值 得 多 方面 仔细 考察 。 首 先 ， 可 定义 位 于 边 AB 上 ， 当 s€E[0,，1] 时 点 
孙 数 : (1 一 s)Q 十 sC 位 于 线段 QC 上 
FlOsl| Xx IOs ll RR (sty 
(ls)(1—1)A+(—s)B++sC (FLLSS 
它 的 映像 正好 是 三 角形 ABC( 见 图 7-15)。 函 数 下 将 单位 正方 形 的 上 面 边 界 (s 二 1) 映 射 为 点 
C， 其 余 水 平 线 (s 为 常数 ) 映 射 为 与 AB 平行 的 直线 ， 垂 直线 (z 为 常数 ) 映 射 为 连接 点 C 和 边 
AB 上 某 一 点 的 直线 。 这 种 三 角形 的 参数 化 方式 (变量 ; 和 + 是 参数 ) 经 常用 于 图 形 学 中 。 
Ky ee B 
pe 
到 


5 
. C 


图 7-15 瑞 数 F; [0, 1]X[0; JR’: 《5 AP(l— s(t)A+TQ—s)iB1 
sC， 将 单位 正方 形 映 射 为 三 角形 ABC， 其 中 ,单位 正方 形 内 ;二 1 的 
边 映射 为 点 C， 其 他 的 边 映射 为 三 角形 内 的 直线 





7.9.1 重心 坐标 


让 我 们 考察 公式 (7-112) 中 的 系数 : (1 一 ) (一 攻 、(1 一 s)t 和 s。 易 知 : 对 于 任何 0 过 s， 

t 人 1， 三 个 系数 均 为 正 ， 其 和 为 1: 
Ch 二 (7-114) 
(1 一 s) 十 s (7-115) 
1 07116 











| 
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(这 是 个 好 性 质 : 因为 多 个 点 的 组 合 只 有 在 系数 之 和 为 1 的 时 候 才 有 定义 。) 因 此 ， 三 角形 
上 的 点 具有 如 下 形式 ， 


| 


aA 十 BB 十 7YC CR 

其 中 a 十 8B 十 Y=1， 且 a，B，7Y 宇 0。a 二 0 对 应 的 点 位 于 边 BC 上 ，p8=0 对 应 的 点 位 于 边 AC 
上 ,y=0 对 应 的 点 位 于 边 AB 上 。 若 点 P= 二 aA 十 BB 十 YC， 则 称 a、B、7Y 为 点 P 在 三 角形 
ABC 上 的 重心 坐标 。 

课 内 练习 7. 14: (a) 在 三 角形 ABC 中 , 边 AB 的 中 点 的 重心 坐标 是 什么 ? (b) 三 角形 
中 心 的 重心 坐标 呢 ? 

课 两 夭 可 天 二 了 很 次 过 三 人 0 可 人 三 后 0 人 WO 人 在 过 讽 弄 
ABC 中 ， 点 也 的 重心 坐标 为 : a、B 和 7y。 那 么 点 PP 的 3D 坐标 是 什么 ? 

三 角形 内 任 一 点 的 重心 坐标 的 以 下 两 种 解释 也 党 用 到 : 

e@ 在 一 个 非 退 化 的 三 角形 ABC 中 ,点 PP 的 a 坐标 等 于 点 P 到 边 BC 的 垂直 距离 乘 以 
一 比例 因子 (该 比例 因子 使 得 点 A 的 a 坐标 正好 为 1) 。 对 此 有 两 种 方法 可 以 进行 验 
证 。 方 法 之 一 是 将 两 者 全 部 用 顶点 的 坐标 来 表示 。 方 法 之 二 是 ， 由 于 “垂直 距离 ” 
和 “a 坐标 ”函数 都 是 平面 仿 射 函数 ， 它 们 的 值 在 三 个 顶点 (A、B 和 C) 处 均 相等 ， 
据 此 即 可 断定 在 任 一 P 处 它们 亦 相 等 。 
从 前 面 的 描述 可 知 ， 三 角形 PCB 的 面积 ( 边 BC 的 长 度 和 点 PP 到 边 BC 的 垂直 距离 
的 乘积 的 一 半 ) 正 比 于 该 垂直 距离 。 因 此 ， 点 了 的 a 坐标 正比 于 三 角形 PBC 的 面 
让， 且 比 例 常 数 正 是 三 角形 ABC 面积 的 倒数 。 即 点 P 的 a 坐标 是 : 


Area(APBC ) 
Area(CAABC ) 


简 而 言 之 ,点 卫 将 三 角形 ABC 自然 地 分 割 GC 


成 3 个 子 三 角形 ， 且 它们 各 自在 原 三 角形 
ABC 中 所 占 面 积 的 比率 等 于 点 了 的 重心 坐 Area=a 
标 (图 7-16)。 A 


(7-118) 


A 
7.9.2 空间 三 角形 图 7-16 点 忆 将 三 角形 ABC 分 割 成 3 个 
前 面 给 出 的 基于 正方 形 的 三 角形 参数 化 和 重 小 三 角形 ， 它 们 各 自在 原 三 角 
心 坐标 都 与 维 数 无 关 ， 对 于 3D 空间 中 的 ABC 点 he x 
同样 适用 ! 不 同 的 是 ，3D 空间 中 的 三 角形 位 于 某 yp 邯 aA 


个 隐 式 函数 F(X) 二 (X 一 P)。n 二 0 所 定义 的 平面 
上 ， 其 中 PP 可取 三 角形 的 任意 一 个 顶点 ,而 nn 可取 如 下 叉 积 : 
n= (B—A)X(C—B) (72-49 

注意 ， 如 果 顶 点 B 的 内 角 接 近 0 或 +*， 则 上 式 的 数值 计算 将 不 稳定 (参见 7. 10. 4 节 )。 

根据 这 些 表示 方法 ， 让 我 们 求解 一 个 常见 问题 : 求 取 光线 1+FP 二 id 与 3D 空间 三 角 
形 ABC 的 交点 。 有 几 种 可 能 的 情形 : 交点 出 现在 :<=0 处 ; 光线 所 在 直线 与 三 角形 不 相 
交 ; 光线 与 三 角形 共 面 ;它们 间 的 交点 为 空 集 、 一 个 点 或 一 线段 。 对 于 最 后 几 种 情形 ， 微 
小 的 数值 误差 ， 例 如 某 个 坐标 的 些许 扰动 ， 有 可 能 导致 完全 不 同 的 结果 ， 这 种 不 稳定 性 将 
使 所 得 计算 结果 几乎 无 用 。 因 此 ， 如 果 方 向 向 量 4 与 法 向 量 n 近乎 垂直 ， 那 么 我 们 将 直接 
返回 “不 稳定 ”作为 结果 ， 而 不 去 计算 交点 。 基 本 策略 是 首先 确定 交点 在 光线 上 的 参数 +， 
然后 计算 交点 Q=P+id， 最 后 计算 交点 Q 的 重心 坐标 ， 确 定 交 点 Q 是 否 在 三 角形 之 内 。 
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对 于 大 多 数 的 常见 情形 ， 在 每 个 三 角形 上 将 进行 多 次 光线 求 交 ， 所 以 可 在 每 一 三 角形 
上 存储 一 些 相关 的 数据 ， 以 加 速 求 交 计算 。 包 括 预 计算 法 向 量 n， 两 个 向 量 AB- 和 AC-。 
其 中 AB+ 和 AC+ 位 于 三 角形 ABC 所 在 的 平面 内 ，AB+ 垂 直 于 AB, (C 一 A).， AB+=1， 
AC+ 的 情形 类 似 。 如 果 X=aA 十 BB 十 YC 是 三 角形 ABC 所 在 平面 上 一 点 ， 则 容易 计算 y= 
ABL+。(X 一 C) 。 同 样 ， 容 易 求 得 6。 最 后 ， 计 算 a 二 1 一 (8 十 7)。 
上 述 求 交 过 程 参见 代码 清单 7-2。 
代码 清单 7-2 ”光线 与 三 角形 的 求 交 


// :input: ray P+itd; triangle ABC 
// precomputation 





n= (B-A)x(C-A) 
4BL = nx (8B— A) 
4BL /= (C—A):AB+ 
ACL = NX(A=C) 


‘OooONOUMPAODO- 


ll // ray-triangle intersection 
12 =n:d 
13 if (lu| < e) return UNSTABLE 
15 Ei= (A—P)-n 

u 
16 if 1<0 return RAY MISSES_PLANE 


18 © = P+itd 

19 ~Y = (2 一 C) .4CL 

20 8 = (CO 一 B).4BL 

21 w= 1— (8+7) 

22 if any of Q,B,Y is negative or greater than one 


23 return (OUTSIDE_TRIRANGLE，aw，B，7) 
24 else 
25 return (INSIDE_TRIANGLE, Qa, B, 7Y) 





现 考虑 取 f(X) 二 (X 一 A) .w=0 形式 的 任 一 平面 方程 ， 下 面值 是 关于 1 的 线性 函数 ; 
Pid = (P42d ~—= AY su (7-120) 
例如 ， 如 果 /为 三 角形 所 在 平面 的 方程 ， 那 么 可 通过 求解 :确定 光线 与 该 平面 的 交点 。 但 
是 如 果 f 所 示 平 面包 含 边 AB 和 法 向 量 x， 则 f 在 直线 AB 上 为 零 ， 在 点 C 上 非 零 (假设 三 
角形 是 非 退 化 的 )，/ 的 某 个 倍数 ，X Gy ， 给 出 了 点 C 的 重心 坐标 。 从 /P+4d) 可 
见 点 P 十 td 在 三 角形 平面 上 投影 的 y 坐标 的 变化 速度 。 如 果 确 定 了 交点 的 上 值 ， 那么 根据 
该 平面 方程 易 得 交点 的 重心 坐标 。 在 15. 4. 3 节 ， 我 们 基于 这 一 想法 设计 了 另 一 光线 -三 角 
形 的 求 交 算法 。 其 核心 部 分 与 前 面 给 出 的 算法 类 似 ,但 看 上 去 完全 不 一 样 。 为 什么 需要 多 
种 算法 呢 ? 光线 -三 角形 求 交 测试 是 许多 图 形 学 程序 的 核心 代码 ， 这 类 代码 计算 效率 稍 有 
提高 都 影响 广泛 。 上 面 我 们 介绍 了 两 种 不 同 的 方法 ， 希 望 读者 能 找到 更 快 的 方法 。 与 此 同 
时 我 们 也 展示 一 些 优化 技巧 ， 希 望 有 助 于 读者 改进 自己 的 内 循环 代码 。 


7.9.3 半 和 平面 和 三 角形 


从 代数 中 可 知 ， 函 数 F(r+，y) 二 Az 十 By 十 C(A 和 B 两 者 不 全 为 0) 在 Rs: 中 可 映射 为 一 
张 平面 ， 与 zy 坐标 平面 交 于 一 条 直线 L。 易 知 从 原点 到 点 (A， 忆 ) 的 射线 垂直 于 Z。 函 数 下 
的 零 水 平 集 对 应 直线 4， 即 如 果 PEZ， 则 FCP)= 王 0。 函 数 下 在 ”2 的 一 侧 取 正 值 ， 而 在 另 一 
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侧 取 负 值 ( 见 图 7-17)。 因 此 ， 当 A、B 不 全 为 0 时 ,不 等 式 F(rx+，y)= 二 Az 十 By 十 C 宇 0 定 
义 了 一 个 以 4 为 边界 的 半 平 面 。 它 包含 直线 4， 并 指向 法 向 LA ”Bj' 正 向 的 那 一 侧 。 
平面 上 的 三 角形 也 可 描述 为 3 个 半 平 面 的 交集 。 假 设 三 角形 的 顶点 分 别 为 P、Q 和 RR， 





| E> 
> 4 3) 





则 可 取 以 直线 PQ 为 边界 包含 项 点 R 的 半 平 面 、 以 直线 QR 为 边界 包含 顶点 忆 的 半 平 面 和 
以 直线 PR 为 边界 包含 顶点 Q 的 半 平 面 。 基 于 这 

e@ 如 果 FI(X) 二 0， 点 鲜 位 于 三 角形 外 部 。 
e@ 如 果 F,(XX) 二 0， 点 羡 位 于 三 角形 外 部 。 


一 描述 可 测试 一 个 点 是 否 位 于 三 角形 内 部 。 假 设 
对 应 的 三 个 不 等 式 分 别 为 忆 宇 0、F; 宇 0 和 F; 宇 
人 二 一 以 图 7-17 R: 中 的 线性 函数 F(z，y，z) 一 
2 es ts Az 十 By 十 C(A、B 不 全 为 零 ) 可 
E 9 上 YY. ee 2 Ro 


0， 可 按 如 下 方法 测试 点 X 是 否 包 含 于 三 角形 内 : 
映射 为 一 个 平面 (红色 所 示 )， 它 


注意 到 该 测试 程序 采用 了 及 时 拒绝 的 做 法 : 对 浅 灰色 的 平面 =0 倾斜 状态 ， 
只 要 发 现 点 X 位 于 某 一 条 边 的 外 侧 ， 那么 无 需 继 相交 于 直线 《( 显 示 为 粗 黑色 )。 从 
续 判 别 它 位 于 余下 边 的 哪 一 侧 。 原点 到 点 (4， B) 的 光线 垂直 于 7 


函数 Ff; 的 构建 类 似 于 我 们 在 7. 9. 2 节 中 采用 的 方法 。 例 如 ， 针 对 边 AB 的 测试 函数 取 
X 一 A 与 向 量 AB+ 的 点 积 。 

对 于 3D 空间 中 顶点 P, 、P, 和 P; 所 构成 的 三 角形 ， 其 法 向 为 (Pi 一 Po)X(P; 一 Po)， 
取 单 位 向 量 。 如 果 取 不 同 的 顶点 的 排列 次 序 ， 则 会 有 两 种 结果 ， 取 决 于 是 奇 排列 还 是 偶 排 
列 。 因 此 ， 每 个 三 角形 存在 两 种 可 能 的 朝向 。 我 们 将 按 以 下 约定 ， 即 三 角形 名 中 的 顶点 将 
按照 一 定 的 顺序 排列 ， 由 该 顺序 所 决定 的 三 角形 的 法 向 量 符合 我 们 的 默认 。 采 用 三 角形 面 
片 建 模 时 ,约定 其 法 向 总 是 指向 物体 的 外 侧 。 


7.10 多 边 形 


图 7-18 展示 了 一 些 多 边 形 的 形状 。 多 边 形 通 常 表示 为 一 个 有 序 的 顶点 表 。 不 自 交 的 
多 边 形 (例如 图 7-18a、 图 7-18b、 图 7-18d) 称 为 简单 多 边 形 。 其 中 有 些 为 凸 多 边 形 ， 取 其 
边界 上 任意 两 点 ， 其 连 线 ( 例 如 图 7-18a 中 灰色 的 水 平 虚线 ) 将 完全 位 于 多 边 形 内 。 对 于 非 
简单 多 边 形 ， 如 图 7-18c 和 图 7-18e， 其 顶点 对 应 的 内 角 可 能 非 零 ， 也 可 能 为 零 。 如 
图 7-14e 中 右上 方 的 顶点 的 内 角 为 零 ， 这 样 的 点 也 称 为 反射 项 点。 


A 飞人 HE 


图 7-18 多 边 形 a、b 和 d 是 简单 多 边 形 , 但 是 c 和 e 不 是 。 多 边 形 e 的 右 
上 方 有 一 个 反射 项 点 ( 即 内 和 角 为 0 的 顶点 ) 


7. 10.1 内 /外 测试 


在 经 典 几何 学 中 ,平面 多 边 形 就 是 一 些 如 图 7-18 所 示 的 形状 ， 因 其 顶点 有 序 排列 ， 
因此 形成 了 结构 。 这 使 我 们 可 定义 一 大 类 和 多边形 的 内 部 和 外 部 。 设 (P,。，Pi，…，P,) 为 


142 第 7 章 





一 多 边 形 ,线段 PP!、PiP; 等 称 为 该 多 边 形 的 边 ， 向 量 vo 二 P! 一 Po,， vi 二 P, 一 
Pi，…，v, 王 Po 一 P, 称 为 边 向 量 (edge vector)2 。 对 于 每 条 边 PiP;;;， 其 朝 内 的 边 法 向 
(inward edge normal) 定 义 为 Xv;， 朝 外 的 边 法 向 (outward edge normal) 定义 为 一 
对 于 一 个 顶点 按 道 时 针 顺 序 排列 的 上 是 多边 形 ， 它 朝 内 的 边 法 向 指 问 多 边 形 的 内 部 ， 朝 外 的 
边 法 向 指向 多 边 形 的 外 部 ， 与 我 们 的 直 沉 相符。 但 是 ， 如 果 多 边 形 的 顶点 按照 顺 时 针 方 向 
排列 ， 则 边 的 内 、 外 法 向 方向 将 互 换 ， 这 在 很 多 情形 中 将 带 来 方便 。 例 如 ， 设 想 一 块 金属 
板 ， 其 中 有 一 个 多 边 形 的 内 孔 。 我 们 可 以 使 该 多 边 形 内 部 (通过 对 其 顶点 做 适当 排序 ) 对 应 
金属 板 的 孔 外 部 分 。 如 有 一 条 光线 试图 穿 过 金属 板 ， 若 它 与 该 多 边 形 的 内 部 相交 ， 那 么 它 
将 被 遮挡 。 

可 以 测试 平面 上 一 点 是 否 位 于 多 边 形 内 部 ， 
这 只 需 从 该 点 朝 任 一 方向 发 射 一 条 射线 ， 如 
图 7-19 所 示 。 计算 射线 与 多 边 形 边 的 所 有 交点 ， 
并 对 交点 进行 分 类 : 如 果 在 交点 处 射线 与 所 交 边 
的 朝 内 法 向 的 内 积 为 正 ， 则 为 入 点 ; 若 该 内 积 ; 
负 ， 则 为 出 点 。 若 射线 上 的 “出 点 ”多 于 “入 
点 ”， 则 该 点 位 于 多 边 形 内 部 。 事 实 上 ,， “出 点 ” 图 7-19 为 了 测试 Q 是 否 在 多 边 形 内 部 ， 





P 





数 和 “入 点 ” 数 之 差 称 为 多 边 形 关于 该 点 的 绕 数 从 QQ 点 沿 着 任意 方向 发 射 一 根 
(winding number)， 这 一 命名 与 “多 边 形 沿 逆 时 he de les 
针 方向 围绕 这 个 点 转 的 圈 数 ”的 注解 契合 。 上 面 tr 
所 述 的 简单 规则 要 求 射线 与 多 边 形 的 交点 是 有 点 ， 所 以 该 点 位 于 多 边 形 内 部 


限 的 ; 当 射 线 与 多 边 形 某 条 边 重 合 时 ， 该 规则 

不 适用 。 此 时 ,测试 的 答案 取决 于 如 何 定义 光线 和 重合 边 的 交点 ( 当 光 线 交 于 多 边 形 
的 顶点 时 同样 如 此 )。 计 算 绕 数 的 射线 法 隐 含 地 应 用 了 一 个 强 定 理 ， 即 射线 计数 法 所 
得 到 的 值 等 于 绕 数 。 注 意 ， 绕 数 本 身 以 一 种 完全 不 同 的 方式 定义 : 对 于 由 顶点 
Pi，…，P 了 ,构成 的 多 边 形 ， 其 关于 点 Q 的 绕 数 与 多 边 形 所 有 边 对 点 Q 所 张 夹 角 之 和 
有 关 。 若 所 有 夹 角 之 和 为 2r， 则 绕 数 为 1; 如 为 4r， 则 绕 数 为 2， 依 此 类 推 。 正式 
地 ， 我 们 有 


] < Cp Os Ey 
es = 
绕 数 5Q (Pi Pis Bd 2x 过 COS 中 | PP 一 QI | P， QI ) CF 121) 


注意 : 当 Q 位 于 某 一 项 点 P; 处 时 ， 上 式 没有 定义 ， 因 为 此 时 分 母 为 0。 当 Q@ 点 位 于 多 边 形 
某 边 上 时 ，cos“ 中 的 参数 为 一 1， 上 式 亦 无 定义 。 

基于 绕 数 的 多 种 定义 ， 可 想象 为 它 将 所 在 平面 划分 为 一 系列 区 域 ， 每 一 区 域 的 绕 数 是 
一 个 常数 。 采 用 绕 数 进 行 区 域 标 注 可 追溯 到 高 斯 (Gauss) 的 一 名 学 生 李斯 廷 (Listing) 的 工 
作 [LLis48]。 

课 内 练习 7. 16: (a) 编写 一 段 小 程序 测试 某 一 点 是 否 位 于 西 多 边 形 内 部 ， 可 测试 该 点 
是 否 严 格 地 位 于 每 一 条 边 的 内 侧 ， 并 给 出 以 多 边 形 的 顶点 数 n 为 参数 的 运行 时 间 估 计 。 

(b) 若 需 测试 多 个 点 是 否 位 于 同一 凸 多 边 形 的 内 部 ， 可 以 做 一 些 预 处 理 。 应 用 本 章 措 
述 的 射线 法 ， 并 投射 水 平 射线 ， 请 问 如 何 构 建 一 种 计算 复杂 度 为 O(logz) 的 测试 算法 ? 提 








日 ”便捷 的 写法 是 v; 二 Pi41 一 Pi， i 一 0，…，hn; 然而 该 公式 在 i 二 n 时 不 成 立 ， 因 为 P,+1 无 定义 。 一 个 合理 的 处 
理 方 法 是 定义 : Pu41 二 Po，P,tz 王 Pi1， 等 等 ， 即 采用 循环 下 标 。 对 于 下 标 小 于 0 的 情形 ， 同 样 可 以 定义 : 
Ps 
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示 : 由 于 测试 多 边 形 为 凸 ， 只 需 与 小 部 分 边 进行 射线 求 交 测试 。 如 果 预 先 对 顶点 按 y 坐标 
进行 分 类 ， 你 能 快速 找 出 这 些 边 吗 ? 


7. 10.2 非 简单 多 边 形 的 内 部 


本 文 将 遇 到 的 大 部 分 多 边 形 为 三 角形 ， 因 而 是 简单 多 边 形 。 但 是 偶尔 也 会 遇 到 非 简单 
的 平面 多 边 形 ， 有 几 种 定义 其 内 部 的 方法 ( 见 图 7-20)。 与 前 相似 ， 所 有 方法 首先 计算 多 边 
形 关 于 PP 点 的 绕 数 ， 尽 管 绕 数 可 能 不 是 1 或 0。 正 绕 数 规则 (positive winding number 
rule) 判 定 绕 数 取 正 值 的 点 位 于 多 边 形 内 部 ; 奇 绕 数 规则 (odd winding number rule) 判 定 绕 
数 为 奇数 的 点 位 于 内 部 其 结果 使 内 外 区 域 呈 棋盘 格 分 布 ; 非 零 绕 数 规则 (nonzero 
winding number rule) 判 定 绕 数 非 零 的 点 位 于 内 部 。 每 一 种 规则 都 有 其 用 途 ， 绘 图 程序 应 
该 允许 这 3 种 规则 并 存 。 


YYY 


图 7-20 a) 非 简单 多 边 形 ， 其 中 区 域 按 李斯 廷 规则 标注 ，b) 基于 正 绕 数 规则 定义 的 多 边 形 内 
部 ，e) 基于 奇偶 绕 数 规则 定义 的 多 边 形 内 部 ，d) 基于 非 零 绕 数 规则 定义 的 多 边 形 内 半 





7. 10.3 平面 多 边 形 的 符号 面积 : 分 而 治 
设 Pl 二 (zi1，y1)，Pi 二 (xs;， 入 ) 为 zy 平面 上 的 两 点 ( 见 图 7-21)，Q 二 (0，0) 为 原点 ， 
那么 三 角形 QP! P; 的 符号 面积 (signed area) 由 下 式 









PP = (%, y,) 
/ 
F(Tiy — yixz) (7-122) / \ 
如 果 三 角形 顶点 Q 、P, 、P， 为 道 时 针 次 序 ， 则 三 角形 / \ 
符号 面积 为 正 ; 如 果 按 顺 时 针 次 序 则 符号 面积 为 负 。 / ee 
(在 阅读 第 10 章 的 平面 变换 后 将 很 容易 证 明 这 点 : 首先 


验证 当 三 角形 旋转 时 ， 该 公式 不 变 ， 于 是 可 假设 P 位 2 人 0 


- ~ 一 一 . 口 > 
村 让 到 轴 上 ， CN 0 sh 2 显然 ， 只 有 当 图 7-21 如 果 从 Q、 Br 再 回 


用 旭 ) 位 于 3 之 0 的 半空 间 中 ， 即 yz 之 0 时 ， = 到 Q 的 路 径 为 道 时 针 方 
角形 才 是 逆 时 针 排 序 的 ， 由 面积 公式 知 此 时 面积 为 向 ， 则 三 角形 的 符号 面 

积 为 正 ， 和 否则 为 负 。 例 
到 zi 二 0。 顺 时 针 情形 同样 易于 验证 。) he 


基于 上 述 三 角形 面积 公式 可 写 出 由 顶点 Po 二 (zo， 
%)、P 二 (xz1，y1) 和 Ps 二 (xz;，y;:) 构 成 的 三 角形 的 符号 面积 公式 如果 将 其 变换 到 以 PP。 
为 坐标 原点 的 坐标 系 ， 则 Pl 和 P 的 新 坐标 为 (zi 一 Xo，1 一 0) 和 (xz 一 Tz。，ys 一 yo)。 把 
这 些 坐 标 代 和 上述 公 式 ， 得 到 


(ry 下 (ry wy Bi TV PD (元 ii — Hiri Wi) 


CF=123) 
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其 中 下 标 用 3 取 模 ， 因此 zs 即 Xo, ys 即 Yoo 

欲 确定 一 个 多 边 形 P,Pi…P, 的 (符号 ) 面积， 可 
以 采用 相同 的 技术 ( 见 图 7-22): 首先 计算 QP Pi， 
QP P;，…，QP,P, 的 符号 面积 ,然后 去 除 位 于 多 边 
形 外 的 那 部 分 区 域 ， 累 加 位 于 内 部 的 区 域 的 面积 ， 即 
可 得 正确 的 总 面积 。 最 后 的 形式 为 


area 一 FD rym 一 WE (7-124) 


1 一 0 


其 中 zi 为 zo( 即 对 下 标 用 (2 十 1) 取 模 ) 。 





图 7-22 浅黄 色 三 角形 (包含 原点 和 


7. 10.4 空间 多 边 形 的 法 向 量 顶点 0、1) 的 符号 面积 为 负 ， 
前 面 已 给 出 空间 三 角形 P,P， P, 的 法 向 量 ， 这 其 eco 

his n= Pr— Po XP — pi) 问 梓 ;; 将 该 式 应 用 于 个 三 角形 的 符号 面积 分 别 为 

空间 多 边 形 中 3 个 连续 的 顶点 ， 即 可 计算 空间 多 边 形 负 、 正 和 人 负 ， 它 们 的 符号 面 

的 法 向 。 但 如 果 这 些 顶 点 恰好 共 线 ， 将 得 到 n 一 0。 积 的 累加 结果 即 为 灰色 多 边 
一 种 更 有 趣 的 计算 方法 是 基于 投影 面积 ( 见 北 的 册 积 


图 7-23 的 例子 ， 此 处 的 多 边 形 为 一 个 三 角形 )， 该 方 
法 源 于 PlickerLPlai68]j: 如 果 把 多 边 形 分 别 投影 到 
Xy、yz 和 zz 平面 ， 会 得 到 三 个 平面 多 边 形 ， 计 算 这 
些 多 边 形 的 面积 ， 并 分 别 记 为 A,,、A,. 和 A.,。 则 该 
多 边 形 的 法 向 量 为 

A 

后 


通常 这 不 是 单位 向 量 。 实 际 上 ， 它 的 长 度 等 于 该 多 边 
形 的 面积 。 
当 该 多 边 形 是 三 角形 时 ， 设 P;== (zx;，y;，z;)， 图 7-23 灰色 三 角形 朝 各 坐标 平面 投 


(7=128) 








;二 0，1，2， 考 察 法 向 量 的 各 坐标 分 量 ， 可 知 其 叉 积 影 ， 得 到 3 个 三 角形 ,橙色 、 
的 第 一 项 n, 正 是 黄色 和 蓝 色 三 角形 的 符号 面 
| 积 即 为 灰色 三 角形 法 向 量 的 
Wa 华 标 分 量 
(7-126) 

应 用 平面 多 边 形 的 面积 公式 (公式 (7-124)) 计 算 P,P，P, 在 yz 平面 的 投影 ， 可 得 
A = pM = 一 Za 于 是 (7-127) 
2A,. = (yozi CO— zo) (yizs — Ziyz) + (yzo 一 zz2yo) (7-128) 


计算 分 量 的 表达 式 展开 后 共有 8 项 ， 其 中 6 项 与 2 A 表达 式 匹配 ， 含 y, x 的 另 2 项 因 
符号 相反 ， 被 抵消 。ns 和 的 计算 类 似 。 因 此 ， 向 量 

- 
bn 
恰 为 该 又 积 的 两 倍 。 由 于 又 积 模 长 的 一 半 为 三 角形 的 投影 面积 ,可 知 a 的 长 度 就 是 该 三 角 


7129) 
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形 的 面积 。 

更 一 般 的 情形 是 把 多 边 形 分 解 为 三 角形 的 集合 。 

将 Plicker 公式 用 于 计算 空间 多 边 形 法 向 量 的 优势 是 : 当 某 个 顶点 的 坐标 存在 小 小 的 
数值 误差 时 ， 对 法 向 量 的 计算 影响 相对 较 小 。 


7. 10.5 更 一 般 多 边 形 的 符号 面积 


设 有 位 于 平面 S$ 上 的 一 多 边 形 P,。P,…P,， 其 法 向 量 为 单位 向量 n， 在 S$ 上 确定 两 个 正 
交 单 位 向 量 x 和 y， 使 得 x、y 和 nn 满足 正 取向 ， 即 n 二 xXy。 取 平面 上 的 某 点 为 原点 ， 构 
建 zyn 坐标 系 ， 在 该 坐标 系 中 可 确定 每 一 个 顶点 P; 的 坐标 ， 其 中 第 3D 坐标 值 为 0, 记 P， 
的 坐标 为 (zi，yY，0)， 可 将 其 用 于 计算 多 边 形 的 符号 面积 。 若 多 边 形 为 三 角形 ， 且 其 符 
号 面积 为 正 ( 相 对 于 负 )， 则 称 为 正 向 三 角形 (positively oriented)( 相 对 于 负 向 三 角形 )。 注 
意 ， 在 采用 一 n 而 不 是 n 时 ， 该 符号 将 会 改变 。 不 难看 出 ， 符 号 面积 和 三 角形 的 取向 是 依 
据 带 法 向 的 平面 定义 的 。 

以 zz 平面 为 例 ， 如 果 三 角形 顶点 按 逆 时 针 顺 序 排列 ， 则 该 三 角形 在 平面 上 为 正 向 三 
角形 。 

当 谈 到 xz 平面 上 多 边 形 的 符号 面积 时 ， 我们 所 取 坐 标 系 的 第 一 个 基 向 量 为 
[0 0 1] ， 第 二 个 为 L1 0 0]， 法 向 量 是 L0 1 0j ， 相 似 的 描述 也 适用 于 zy 和 yz 
平面 。 

课 内 练习 7. 17: 证 实 3D 空间 中 任意 平面 上 三 角形 的 符号 面积 定义 与 xy 平面 上 三 角 
形 的 符号 面积 定义 相 一 致 。 


7. 10.6 倾斜 原理 

图 7-24 所 示 为 计算 机 图 形 学 中 常见 的 一 种 情形 : 三 角形 位 于 单位 法 向 量 为 n' 的 平面 
P' 上， 其 在 法 向 量 为 n 的 平面 P 上 的 投影 为 三 角形 了 ， 
投影 方向 沾 n。 如 果 P 忆 位 于 zz 平面 上 ， 则 投影 沿 着 > 轴 ， 
此 时 5 as Bi 6 成 (WW 0 BY 

T' 和 工 的 (符号 ) 面 积 是 余弦 的 关系 。 

我 们 称 此 为 倾斜 原理 。 

w 倾斜 原理 : 设 T' 是 法 向 量 为 n' 的 平面 P' 内 的 有 向 三 角 
形 , 而 全 是 它 在 平面 P 上 的 投影 ， 投 影 沿 着 忆 的 单 ” 图 7-24 倾斜 三 角形 和 它 的 投影 
位 法 向 量 n 并 指向 局 ， 那 么 本 的 符号 面积 是 na"。n 和 
T' 符 号 面积 的 乘积 。 

我 们 已 经 把 倾斜 原理 应 用 于 三 角形 ， 也 可 将 其 应 用 于 多 边 形 和 它 的 投影 : 这 只 需要 将 

多 边 形 三 角 化 ， 其 投影 区 域 将 形成 相应 的 剖 分 ， 然 后 逐个 考虑 各 三 角形 与 其 投影 区 域 的 面 

限 之 比 s 
我 们 将 通过 一 具体 案例 证 明 上 面 有 关 符 号 面积 的 结论 : 设 平面 P 为 zz 平面 ,空间 三 

角形 TT 由 顶点 A'、B' 和 C' 组 成 ， 其 坐标 分 别 为 (a,，a,，a:)， 等 等 ; 其 在 平面 P 上 的 投影 

TT 的 顶点 为 A 二 (a;，0，a.)， 等 等 。 
尽管 这 是 一 个 特殊 例子 ， 但 足 可 证 明 该 原理 ， 因 为 我 们 总 是 可 以 选择 一 个 空间 坐标 系 

使 平面 已 为 zx 平面。 旋转 该 坐标 系 直 到 TT' 的 单位 向 量 n 的 xz 坐标 为 0， 如 图 7-25 所 示 。 

向 最 nw' 汶 [6 3 这 | 长度 为 工 国 此 丸 才 逐 三 1 夺 0 二 tan2(ys ZE)5 可 写 出 元 三 





0 
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[0 ”cos0 ”sin9]",，n' 和 xz 平 面 的 单位 法 向 n 一 [0 1 0J]' 的 点 积 正 是 cosb。 
现在 计算 两 个 符号 面积 ,本 的 符号 面积 计算 公 
































0 
式 为 : A'=(a,, a,, a,) 
A 三 Cab, eS 
a 2 by } 
| 5 (be, 人 (cax Qe) (7-130) B=(bo0,b) | A= (as 0, 4) 
T' 的 (无 符号 ) 面 积 等 于 向 量 a’ 一 [A'.，A'，A’,] 
的 长 度 。 由 于 人 只 在 yz 平面 倾斜 ， 因此 ，A'. 二 0， a 
/ 二 "={e8.68.6 
并 且 由 于 T' 和 本 的 x 坐标 和 x 坐标 一 致 ， 因 此 有 0 
ye (7-131) 图 7-25 投影 到 zz 平面 上 的 三 角形 
这 样 只 剩 下 A、 需 要 考虑 : 
A', = > (asb, 2 村 5 (bc, oD F(a, dscy) C7= 32 
由 于 平面 TT' 的 法 向 量 为 [0 ”cos0 sin96]', 平面 上 的 每 一 点 (x，y，z) 必 须 满足 
0z 二 cos(O)y 十 sin(0)z 二 KK CT 
方程 中 为 某 一 常数 (读者 需 确 认 已 理解 了 上 式 )， 这 意味 着 对 于 平面 上 任意 一 点 (x，y，z)， 有 
= K 3 
DD (C73134Y 
应 用 该 式 计算 公式 (7-132) 的 a,、b, 和 c,， 经 整理 后 得 到 : 
AL 一 序 [(a， tan( OB, — tan( Ob,) + Ch tant Oe, — stanCt) bY 
十 (cstan(O)a。 — a,tan(0)c.)|] (7-135) 
一 tan(O)A_。 C9- 
向 量 a 的 长 度 ( 即 T' 的 面积 ) 为 
area = V/A.) TA) + A) (7-137) 
= 二 A 下 (tn 国有 Cm) 
一 V(1 十 tan2(0)A2 (7-139) 
二 十 SeE6(0) | A | (7-140) 


而 了 工 的 面积 是 |A. | ， 因 此，T 的 面积 是 |cos9| 乘 以 T' 的 面积 。 

现在 只 剩 下 符号 问题 ， 如 果 cos60， 且 A A'B'C' 的 符号 面积 为 正 ， 则 从 平面 法 向 n 
的 顶端 往 平面 看 ， 顶 点 A、B 和 C 按 逆 时 针 顺 序 排列 ， 因 此 AABC 的 符号 面积 也 为 正 ; 男 
一 方面 ， 如 果 cos9<0 并 且 A A'B'C' 的 符号 面积 为 正 ， 则 从 平面 法 向 n 的 顶端 往 平面 看 ， 
顶点 A、B 和 C 为 顺 时 针 方 向 排列 ， 因 此 AABC 的 符号 面积 为 负 。 如 果 在 这 两 种 情形 中 将 
A、B 和 C 按 相反 顺序 排列 ， 则 两 者 的 符号 面积 都 将 改变 符号 。 因 此 ， 在 所 有 可 能 的 4 种 
情形 下 ， 原 三 角形 与 其 投影 区 域 的 无 符号 面积 之 比 为 |cosg| ， 而 符号 面积 之 比 取 cos0 的 符 
号 ， 因 此 ， 符 号 面积 之 比 刚好 为 cos0 一 na*n。 

课 内 练习 7. 18: 假设 将 工 沿 着 正方 向 投影 ， 而 不 是 沿 着 方向 投影 到 zy 平面 上 ， 那 
么 投影 三 角形 了 和 T' 的 符号 面积 关系 将 是 什么 ? 


7. 10. 7 ”重心 坐标 的 模拟 
重心 坐标 提供 了 一 种 非常 有 用 的 方法 来 确定 点 在 三 角形 中 的 位 置 ， 这 是 因为 重心 坐标 
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具有 仿 射 变换 不 变 的 性 质 。 假 设 点 Q@ 在 三 角形 P,P, P; 内 的 重心 坐标 为 (s,。，s1，ss)， 现 
对 三 角形 实施 仿 射 变换 T， 即 对 其 所 有 顶点 P; 和 点 Q 进行 相同 的 旋转 、 平 移 、 比 例 缩放 或 
这 些 变换 的 组 合 ， 则 点 T(Q) 在 变换 后 的 三 角形 T(P,)T(P1)T(P;) 中 的 重心 坐标 仍然 是 
(50，51，52)。 此 外 ， 对 位 于 边 P。P! 上 的 所 有 点 ，s; 二 0， 其 他 两 条 边 情形 类 似 。 对 三 角形 
内 的 所 有 点 ， 其 重心 坐标 均 为 正 ， 而 三 角形 外 的 任何 一 点 的 重心 坐标 中 至 少 有 一 个 取 负 
值 。 多 边 形 内 的 任何 一 点 是 否 存在 类 似 的 坐标 呢 ? Warren 及 其 他 研究 人 员 对 此 进行 了 广 
泛 的 研究 ， 提 出 了 关于 凸 多 边 形 或 其 集合 内 的 点 的 广义 的 重心 坐标 LWar96 ]LWSHD04]， 


以 及 对 于 网 格 内 或 外 的 点 ， 基 于 网 格 的 所 有 顶点 来 定义 的 一 种 广义 坐标 [JSW05]。 
7. 11 讨论 
从 本 章 中 可 学 到 如 下 几 点 : 


e 当 运 用 数学 工具 时 ， 需 准确 描述 所 给 出 的 问题 : 给 出 函数 的 定义 域 和 陪 域 ， 检 查 公 
式 被 0 除 时 会 导致 什么 情况 ; 尽 可 能 将 结论 推广 到 n 维 以 更 好 地 理解 所 求 问 题 的 本 
质 属性 。 

e 尽 可 能 将 在 R 或 R 中 的 计算 表示 成 向 量 形 式 ， 包 括 向 量 操作 、 点 -向 量 组 合 ， 点 与 
点 之 差 以 及 内 积 ， 避 人 免 逐 个 坐标 的 计算 。 

® 努力 以 几何 的 方式 而 不 是 通过 坐标 来 理解 几何 问题 ， 坐 标 只 用 于 计算 。 

上 述 方法 有 助 于 对 程序 更 清晰 的 理解 和 更 方便 的 维护 ， 而 且 常 常 使 我 们 能 深入 洞察 算 

法 的 内 涵 ， 因 为 简洁 清晰 的 数学 表达 可 能 揭示 出 隐 含 在 背后 的 规律 。 


7.12 练习 
7.1 (a) 如 果 s 是 一 个 数 ，v 是 一 个 向 量 , 证 明 上 w= 二 1s| 上 v 上 |。(b) 给 出 数 ; 和 向 量 v 满足 so| 径 
1s| lv 的 一 个 例子 。 


7.2 我 们 已 经 知道 如 何 基于 直线 上 一 点 P 和 直线 法 向 量 n 构建 直线 方程 Az 十 By 十 C 王 0。 考 虑 其 逆 问 
题 ， 给 定 直线 方程 Azx 十 By 十 C= 二 0， 其 中 A 和 B 中 至 少 有 一 个 非 0, 试 求 出 直线 上 至 少 一 点 。 提 
示 : 直线 的 法 向 量 n= [|。 将 待 求 点 表示 成 0 十 aon 形式 ( 式 中 0 为 原点 )， 通 过 求解 a， 确 定 
该 点 。 

7.3 在 讨论 直线 求 交 时 曾 采 用 表达 式 wu*(X wv), 该 表达 式 以 后 亦 常 出 现 ( 可 以 推广 至 更 高 维 的 空间 )。 
证 明 它 等 于 第 一 列 为 vw、 第 二 列 为 w 的 矩阵 的 行列 式 。 这 一 结论 可 以 推广 到 更 高 维 空间 : 在 3D 空 
间 中 ,wu*(vXw) 是 由 vw、w 和 站 各 列 组 成 的 矩阵 的 行列 式 ， 在 更 高 维 的 空间 中 也 有 类 似 的 公式 。 

7.4 写 出 位 于 点 (1，1) 和 点 (2，2) 之 间 的 直线 的 参数 化 形式 ， 然 后 写 出 位 于 点 (3，3) 和 点 (5，5) 之 间 的 
直线 的 参数 化 形式 ， 两 个 函数 一 样 吗 ? 它们 所 描述 的 直线 相同 吗 ? 解释 参数 化 直线 公式 所 定义 的 映 
射 是 从 “平面 上 的 两 个 不 同 的 点 ”到 “位 于 这 两 点 之 间 的 直线 的 参数 化 表示 ”， 而 不 是 从 直线 本 身 
到 其 参数 化 表示 。 

7.5 练习 7.4 中 的 推理 同样 可 应 用 于 隐 式 表示 的 直线 中 : 依赖 于 选择 的 点 ， 得 到 该 直线 不 同 的 “标准 隐 
式 表示 ”， 但 它们 都 定义 相同 的 直线 。 此 外 ， 同 一 直线 任何 两 个 标准 的 隐 式 形式 均 成 比例 。 写 出 位 
于 点 (1，1) 和 点 (2，2) 之 间 直 线 的 隐 式 方程 ， 然 后 写 出 位 于 点 (3，3) 和 点 (5，5) 之 间 直 线 的 隐 式 方 
程 ， 这 两 个 隐 式 方程 一 样 吗 ? 成 比例 吗 ? 使 得 这 两 个 方程 均 为 0 的 点 相同 吗 ? 

7.6 由 于 同一 条 直线 的 任意 两 种 标准 隐 式 表示 均 成 比例 ， 那么， 是否 存在 一 种 “标准 的 表达 方式 ”可 涵 
盖 该 直线 的 所 有 隐 式 形式 ? 假设 Az 十 By 十 C=0 和 A'zx 十 B'y 十 C'==0 描述 同一 直线 ， 显 然 三 元 组 
(A，B，C) 和 (4A ，B ，C ) 成 比例 ， 且 任何 与 其 成 比例 的 三 元 组 (除了 (0，0，0)) 都 对 应 于 相同 的 
直线 。 我 们 是 否 能 从 中 选 出 唯一 的 三 元 组 并 称 它 为 “直线 的 规格 化 隐 和 式 形 式 ”? 例如 ， 可 否 将 三 元 
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组 除 以 BB 得 到 (A/B，1，C/B)， 从 而 将 三 元 组 (A，B，C) 转 换 为 B=1 的 规格 化 形式 ?遗憾 的 是 ， 
当 B=0 时 上 述 转 换 方法 失效 ; 换 成 A 或 C 也 一 样 。 也 许 , 我 们 可 将 三 元 组 除 以 VA’ 十 十 C 得 
到 “规格 化 形式 ”;， 此 处 唯一 的 不 确定 因子 是 符号 : (A，B，C) 和 (一 A， 一 B， 一 C) 表 示 同 一 直线 ， 
但 它们 的 “规格 化 形式 ” 却 符号 相反 。 试 解释 : (a) 如 果 4 关 0,， 那么 (A，B，C) 和 (XA，4B，4C) 对 
应 同一 直线 ; (b) 如 果 4 二 0， 那么 它们 具有 相同 的 规格 化 形式 ; (c) 当 Az 十 By 十 C= 二 0 对 应 于 一 条 
直线 时 ，VA’ 十 Bi 十 C 不 会 为 0。 

可 采用 重心 坐标 描述 三 角形 PQR 内 的 直线 。 例 如 ， 直 线 PQ 上 所 有 点 满足 方程 Y= 二 0(a、B、Y 为 该 
三 角形 的 重心 坐标 )。 设 S 是 从 P 到 Q 线段 1/3 处 一 点 ， 试 确定 经 过 S 和 R 的 直线 的 重点 坐标 方 
程 。( 提 示 : 画 一 个 图 ， 找 出 直线 上 至 少 两 个 点 的 重心 坐标 。) 

不 等 式 4z 十 2y 一 6 三 0 定义 了 一 个 半 平 面 空间 ; 它 的 边界 是 由 满足 4z 十 2y 一 6 一 0 的 点 构成 的 直线 
l。 找 出 直线 4 位 于 x 轴 和 yy 轴 上 的 点 。 坐 标 系 原点 位 于 该 不 等 式 定义 的 半 平 面 空间 中 吗 ? 画 出 沿 
直线 & 法 向 的 射线 ， 并 验证 它 如 7. 9. 3 节 中 所 述 ， 指 向 半 平 面 空间 正 向 一 侧 。 

对 于 由 Az 十 By 十 C>0 定义 的 半 平面 空间 ， 向 量 | ”| 从 半 平面 空间 的 边界 指向 半 平 面 宝 间 正 向 一 
侧 。 试 将 上 述 定义 半 平 面 空间 的 公式 及 其 法 向 量 的 结果 推广 到 3D 空间 。 

参数 曲线 y 关于 复数 平面 内 一 点 z, 的 绕 数 定义 为 : 


n(x,7) = 到 ;| dx (7-141) 
* 


2xiJyz¥— zo 

证 明 若 将 多 边 形 P; ，…，P, 的 每 一 条 边 按 [0，1] 区 间 进 行 参数 化 ， 并 把 每 一 点 的 坐标 (x，y) 视 为 

复数 z 十 iy， 可 将 上 述 积分 定义 简化 成 本 章 给 出 的 多 边 形 的 绕 数 公 式 。 

(a) 证 明 : 由 Pliicker 方 法 计算 所 得 的 三 角形 Pu PP，, 的 法 向 量 垂直 于 Pi 一 P,。， 类 似 地 ， 它 也 垂直 
于 P, 一 PP,。 

(b) 验证 : 对 于 Po 二 (0, 0, 0)、P 忆 二 (1, 0, 0) 和 Pi 二 (0，1，0)，Plicker 方法 计算 所 得 的 法 向 
量 指向 = 轴 正 向 ， 因 此 向 量 P; 一 P,。、P1 一 Po。 和 n 形成 右手 坐标 系 。 

(c) 解释 : 只 要 P,、P,、P; 不 在 一 条 直线 上 ， 无论 其 位 置 如 何 ， 结 论 (b) 均 成 立 。 

设 P,P, P; 是 3D 空间 中 的 一 个 三 角形 ，n 是 它 的 Plicker 法 向 量 , 将 n 视 为 余 向 量 ， 考 虑 函数 

HH。zD， 对 于 三 角形 所 在 平面 的 向 量 ， 其 函数 值 是 什么 ? 

基于 射线 相交 测试 的 多 边 形 内 外 测试 依赖 于 光线 与 每 一 条 边 只 存在 一 个 交点 ， 这 意味 着 测试 射线 

不 能 经 过 任何 多 边 形 的 顶点 ， 因 为 如 果 经 过 这 些 顶 点 ， 则 会 对 与 每 一 顶点 所 连 的 两 条 边 进行 交点 

计数 。 怎 样 才 能 避免 这 些 问题 呢 ? 

(a) 采用 随机 算法 ， 随 机 地 选择 射线 方向 ， 失 败 概率 为 0( 假 定 使 用 无 限 精 度数 据 )。 如 果 所 选择 的 
射线 失败 ， 可 随机 地 男 选择 一 条 新 的 射线 ,算法 成 功 的 概率 为 1。 

(b) 可 计算 出 多 边 形 中 所 有 边 的 方向 向 量 和 从 测试 点 到 多 边 形 所 有 顶点 的 射线 方向 ， 然 后 选取 一 
条 不 同 于 上 述 方向 的 射线 。 现 考虑 有 一 个 很 小 的 四 边 形 ， 其 顶点 位 于 ( 士 s，0) 和 (0， 士 s)， 这 
里 e 是 计算 机 可 表达 的 最 小 浮 点 数 ， 测 试点 Q 位 于 原点 ， 然 而 采用 上 述 两 种 方法 进行 内 外 测 
试 均 失败 。 请 解释 原因 。 更 复杂 的 用 于 计算 绕 数 的 反 余弦 求 和 公式 (7-121) 适 用 于 这 种 情形 吗 ? 

(为 了 做 这 个 练习 ， 你 需要 了 解 平面 变换 ， 相 关内 容 将 在 第 10 章 介 绍 。) 

(a) 当 Pi 、P， 和 Q 不 在 一 条 直线 且 P, 不 在 > 轴 上 时 ， 执 行 下 述 变 换 证 明 符号 面积 公式 (7-122) 正 
确 : 做 > 向 剪 切 (shear) 移 动 P, 到 工 轴 ， 做 工 向 剪 切 移动 P, 到 y 轴 。 证 明 剪 切 变换 不 改变 三 
角形 的 面积 (Cavalieri 原理 )。 

(b) 分 别提 供 一 自 变 量 ， 证 明 对 于 剩 下 的 两 种 情形 该 公式 成 立 。 符 号 面积 公式 是 关于 PI、P; 和 Q 
坐标 的 连续 函数 。 三 角形 实际 面积 也 是 这 些 坐 标的 连续 函数 。 至 此 ， 我们 已 证 明 : 这 两 个 函 
数 几 乎 在 任何 地 方 ( 例 如 ， 三 点 不 在 一 条 直线 上 的 时 候 ) 都 一 致 。 因 为 是 一 个 连续 变量 ， 它 们 
在 任何 地 方 也 必然 一 致 。 

(c) 通过 论证 面积 是 坐标 的 连续 函数 来 证 明 该 公式 正确 ， 并 说 明 当 X 是 R" 的 子 集 时 可 将 X 上 的 连 
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续 函 数 最 多 扩展 到 义 U 边 界 (X) 上 的 连续 函数 。 
男 一 种 把 面积 公式 从 “一 个 顶点 位 于 原点 ”的 情形 推广 到 一 般 情形 的 方法 是 : 通过 计算 QPo Pi 、 
QP P, 和 QP, Po 的 符号 面积 然后 进行 适当 的 加 、 减 来 计算 三 角形 P,P! P; 的 符号 面积 。 画 图 确 
定 这 4 个 符号 面积 之 间 的 关系 ,并 用 它 导出 P。P! Ps 符号 面积 的 一 般 化 公式 。 
数值 计算 考虑 : 在 多 边 形 面积 公式 中 ， 假 定 采 用 有 限 精 度 运 算 ， 若 将 一 个 很 大 的 数 工 加 到 多 边 形 
所 有 顶点 的 x 坐标 中 ,会 导致 怎样 的 计算 结果 ?如果 此 时 取 基 于 多 边 形 “ 中 心 ”( 所 有 顶点 的 平 
均 ) 的 坐标 系统 进行 计算 ， 情形 又 将 怎样 ? 


考虑 一 条 从 PP= (一 3， 一 3) 出 发， 方向 为 4 | 。 | 的 光线 ， 它 与 类 加 ( 持 ) + 六 一 1 交 于 两 点 ,为 


了 求 出 这 两 点 ， 可 写 出 如 下 方程 : 
R() = P+id (7-142) 


TS 过 
R or| 中 Re 一 1 (7-143) 


这 里 全 指 转 置 。 如 果 在 第 二 个 方程 中 求解 :， 将 求 出 交点 参数 1 、i; ， 由 此 可 计算 出 交点 。 
(a) 画图 表示 上 述 情形 。 
(b) 显 式 地 写 出 结果 ,确认 上 述 方程 能 计算 交点 。 


1 | 
(© 现 考虑 由 点 Q 一 (一 1， 一 3) 和 方向 。 一 ”2 | 定义 的 光线 与 单位 国 求 交 。 再 次 图 示 并 将 该 问题 


转化 为 一 对 类 似 的 方程 ， 该 情形 下 的 矩阵 将 是 单位 矩阵 。 

(d) 扩展 后 面 的 方程 ， 把 它们 和 (b) 所 得 的 方程 进行 比较 。 

(e) 解释 相似 性 : d 和 e 如 何 关联 ? 椭圆 和 单位 圆 如 何 关 联 ? 在 研究 光线 跟踪 时 ， 我 们 将 回 到 如 何 
将 一 个 一 般 化 问题 (计算 光线 与 椭圆 的 交点 ) 转 换 为 等 价 的 标准 问题 (计算 另 一 根 光线 与 单位 圆 
的 交点 )。 

函数 7: RR’: iP(3 十 2:，4 一 3 描述 了 一 条 参数 化 直线 。 

(a) 找 出 直线 上 两 个 不 同 的 点 P 和 Q。( 有 无 限 种 正确 的 答案 。) 

(b) 采用 这 两 个 点 构建 直线 的 隐 式 表达 ， 并 通过 代数 将 其 转换 成 Az 十 By 十 C=0 的 形式 。 

给 出 平面 上 两 条 非 退 化 的 直线 段 ， 第 一 条 两 端点 为 A 和 B， 第 二 条 两 端点 为 C 和 DD， 其 坐标 均 取 

整数 。 请 确定 这 两 条 线段 是 否 相 交 ， 如 果 相 交 ， 确 定 交 点 。 

(a) 写 出 一 小 段 程序 实现 之 。 如 果 两 线段 平行 ， 有 3 种 情形 : 不 相交 (返回 false)， 共 享 一 个 端 
点 (返回 false),， 或 在 一 个 区 间 重 又 ( 返 回 true, 但 不 返回 交点 ， 因 为 交点 不 唯一 )。 如 果 两 
线段 不 平行 旦 相交， 它们 可 能 共享 一 端点 (返回 false); 线段 的 一 个 端点 落 在 另 一 条 线段 的 
内 部 (返回 true 和 该 端点 ); 或 者 两 线段 交 于 内 部 某 点 (t+，y)， 其 坐标 值 可 能 不 是 整数 ， 而 是 
有 理 数 ， 此 时 ， 返 回 整 数 三 元 组 (I，y，w)， 这 里 交点 为 (xz/w，y/w)。 

(b) 解释 为 什么 返回 整数 三 元 组 比 返回 该 交点 有 理 坐 标的 浮 点 表示 更 有 用 ? 

(c) 设 有 两 个 整数 三 元 组 (zi ，y， wy ) 和 (xs，y;，ws)， 如 何 测试 它们 是 否 “ 相 等 “”， 即 它们 表示 
的 是 平面 上 同一 有 理 点 ? 

(d) 作为 一 项 挑战 ， 试 写 出 (a) 的 全 部 代码 ， 代 码 必须 尽 可 能 简洁 ， 且 不 涉及 除法 。 由 于 直线 段 相 
交 存 在 多 种 可 能 情形 ， 程 序 中 必须 对 它们 分 别处 理 ， 所 以 实际 上 无 法 使 代码 极为 简洁 。 
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8.1 引言 


现在 讨论 三 角形 网 格 ， 它 是 图 形 学 中 使 用 最 广泛 的 形状 表示 方式 。 三 角形 网 格 由 一 些 
边 相互 邻接 的 三 角形 组 成 ， 用 于 表示 曲面 ( 见 图 8-1)。 其 他 由 


四 边 形 或 其 他 多 边 形 相 互 邻接 组 成 的 网 格 有 时 也 会 用 到 ， 不 
过 实用 中 会 有 一 些 问题 。 例 如 ， 创 建 四 边 形 时 容易 出 现 4 个 项 
点 不 在 同一 平面 的 情况 ， 以 及 如 何 填充 网 格 内 部 的 表面 等 。 
对 于 三 角形 ， 这 些 都 不 是 问题 : 因为 任意 3 个 顶点 都 是 共 面 
的 。 鉴 于 三 角形 网 格 的 应 用 如 此 广泛 ,本章 将 集中 介绍 。 
采用 三 角形 网 格 来 构建 给 定形 状 的 过 程 简单 明了 。 例 如 ， 
可 从 多 面体 开始 ， 通 过 剖 分 将 各 表面 转化 为 三 角形 。 图 8-2 是 
一 个 立方 体 的 例子 。 对 于 更 复杂 的 形状 ， 亦 可 采用 网 格 予 以 


逼近 。 方 法 之 一 是 ， 先 在 外 形 上 取 许 多 点 ， 然 后 连接 位 置 相 图 81 三 角形 网 格 ， 由 若 


点 ， 纺 结构 ， 沁 汶 些 占 、 b= 干 项 点 、 边 和 三 角 
邻 的 点 ， 形 成 网 格 结构 。 若 这 些 点 足够 靠近 ， 网 格 允 近 看 上 背 前 睾 片 组 且 


会 很 像 光 滑 曲 面 。 考 虑 一 个 二 十 面体 ， 看 上 去 已 很 像 一 张 
球面 : 网 格 上 的 任 一 点 都 非常 靠近 球面 上 的 一 个 点 ， 反 之 亦 
然 ; 同样 ， 网 格 上 法 向 量 也 很 靠近 球面 上 对 应 点 的 法 向 量 ， 
反之 亦 然 。 当 然 这 里 仍 存在 一 个 区 别 : 在 球面 上 各 点 处 的 法 
向 量 是 一 个 连续 函数 ， 而 在 二 十 面体 上 为 分 段 常 值 函数 (法 向 
量 在 每 一 三 角形 内 部 是 不 变 的 )。 考 虑 光 在 采用 网 格 表示 的 表 
面 上 的 反射 时 ， 这 一 区 别 不 可 和 忽视 。 

三 角形 网 格 的 最 好 性 质 之 一 是 其 一 致 性 。 它 允许 我 们 对 一 
三 角形 网 格 执行 各 种 操作 ， 而 其 证 明 却 相对 简单 。 同 时 在 三 图 8-? 三 角形 网 格 表示 的 
角形 网 格 上 也 易于 尝试 一 些 简 单 想法 。 三 角形 网 格 最 有 趣 的 立方 体 
一 种 操作 是 网 格 细 分 (subdivision)， 它 采用 一 种 相当 简单 的 方 
式 ， 用 几 个 较 小 的 三 角形 来 取代 当前 的 三 角形 (存在 多 种 细 分 算法 ， 其 中 部 分 算法 将 在 第 
22 章 中 讨论 ) 。 通 常 ， 细 分 用 于 光 顺 某 些 具有 尖 点 和 锐 边 的 网 格 ， 以 通 近 光滑 的 极限 曲 
面 。 当 然 ， 不 断 细 分 会 急剧 增加 三 角形 面 片 的 数量 ， 影 响 其 绘制 性 能 。 

网 格 上 的 另 一 个 重要 操作 是 简化 (simplification) ， 它 将 当前 网 格 奉 换 为 另 一 几何 和 拓 
扑 与 之 相似 ， 但 结构 更 为 紧凑 的 网 格 。 若 反复 执行 此 操作 ， 则 将 得 到 一 组 关于 同一 表面 逐 
次 简化 的 网 格 表示 ， 可 用 于 表达 视点 越 来 越 远 时 该 曲面 的 外 观 。( 例 如 ， 如 果 一 个 物体 的 
外 表面 具有 10 000 个 多 边 形 ,但 是 只 覆盖 了 一 个 像素 ， 那 么 绘制 时 只 需要 几 个 多 边 形 即 
可 一 一 些 时 采用 一 个 简化 的 网 格 进行 绘制 最 为 理想 .)，Hoppel Hop96，Hop98] 对 该 问题 进 
行 了 深入 的 研究 。 

网 格 之 所 以 被 普遍 使 用 ， 部 分 原因 是 我 们 十 分 熟悉 三 角形 的 几何 特性 。 并 非 世 界 上 的 
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每 一 个 物体 都 适合 用 网 格 表示 ， 例如， 那些 具有 多 尺度 几何 细节 的 形状 (如 云母 、 破 裂 的 
大 理 石 ) 。 此 外 ， 某 些 具 有 均匀 结构 的 物体 也 不 适合 采用 网 格 表 示 ， 例 如 ， 对 头发 采用 弯 
曲 管状 结构 表示 远 比 网 格 表 示 更 紧凑 。 

尽管 如 此 ， 许 多 科研 实验 室 和 商业 公司 通过 将 所 有 形状 逼近 为 三 角形 网 格 ， 生 成 了 许 
多 出 色 的 图 像 。 


8.2 2D 空间 中 的 “网 格 ”: 折线 

如 果 将 3D 空间 中 的 三 角形 网 格 降低 一 维 ， 在 2D 空间 中 将 对 应 于 平面 上 的 一 组 折线 
段 。( 空 间 降 一 维 ， 其 中 的 物体 也 降 一 维 ， 直 线段 取代 了 三 角形 。) 我 们 称 之 为 1D 网 格 ， 并 
对 它们 进行 简要 的 讨论 ， 作 为 介绍 网 格 结构 的 开始 。 

1D 网 格 ( 见 图 8-3) 由 顶点 (vertice) 和 边 (edge) 组 成 ， 边 为 连接 两 顶点 的 线段 。 因 为 线 
段 可 由 它 的 两 个 顶点 完全 确定 ， 所 以 该 结构 可 分 两 部 分 进行 描述 : 


< 会 六 


图 8-3 1D 网 格 由 一 组 顶点 集合 和 连接 顶点 的 直线 边 的 集合 构成 。 我 们 感 兴趣 的 是 具有 以 
下 性 质 的 1D 网 格 ( 例 如 a 和 b 所 示 ): 每 个 顶点 连接 1 条 或 2 条 边 ， 任 何 两 条 边 相 
交 于 一 个 顶点。 但 是 确实 存在 一 些 网 格 ， 在 一 些 顶 点 上 具有 多 于 2 条 的 边 ( 例 如 
c)， 或 者 具有 一 些 不 在 项 点 上 相交 的 边 ( 例 如 d) 


e 顶点 表 和 顶点 的 位 置 。 通 常 硕 点 标记 为 整数 ， 顶 点 位 置 即 其 在 平面 上 的 坐标 。 
e 边 表 。 其 中 每 一 条 边 为 由 其 首 、 末 端点 标号 表示 的 有 序 点 对 。 
下 面 的 表格 描述 了 一 个 简单 的 1D 网 格 : 





























顶点 表 边 表 
1 (0, 0) 1 CL 
2 Kgss, GN Wn 2 £27 二 
3 | Cl 3 C3 4Y 
4 | (0，2.0) 4 (4，1) 
5 | (3, 0) 5 全 的 
6 (4, 0) 
该 数据 结构 有 一 条 有 趣 的 性 质 : 网 格 的 拓扑 ( 边 与 边 的 连接 关系 ) 含 于 边 表 中 ， 而 网 格 的 几 
何 含 于 顶点 表 中 。 如 果 稍 微调 整 顶点 表 中 某 一 项 的 数据 ， 网 格 连通 分 支 的 数量 并 不 会 改变 。 
也 许 有 人 会 问 : 如 果 顶 点 调整 的 幅度 足够 大 ,会 使 原本 并 不 相交 的 两 条 边 变 为 相交 。 
的 确 存 在 这 种 可 能 性 ， 但 是 这 种 相交 可 以 通过 调整 顶点 消除 。 显 然 ， 边 (1，2) 与 边 (2，3) 


相交 的 情况 不 会 因为 顶点 移动 而 改变 。 

其 实 可 以 将 边 表 (同时 附 上 项 点 索引 表 ， 因 为 有 些 项 点 可 能 不 属于 任何 一 条 边 ) 视 为 一 
个 抽象 的 图 ， 从 中 可 以 计算 出 欧 拉 示 性 数 、 分 支 个 数 ， 等 等 。 
8.2.1 边界 

1D 网 格 的 边界 定义 为 一 种 顶点 形式 和 (formal sum)， 其 中 每 个 顶点 的 系数 确定 如 下 : 
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对 于 每 一 条 边 j( 从 顶点 i 指向 项 点 7),， 将 十 1 加 到 7 的 系数 中 ,将 一 1 加 到 i 的 系数 中 。 
有 时 把 边界 边 ij 写成 ;一 i。 根 据 该 方法 可 知 ， 对 于 上 面 表 中 的 网 格 ， 其 边界 的 形式 和 为 


(逐条 处 理 每 一 条 边界 边 ， 并 将 第 i 个 顶点 写作 vw): 
(博古 ( 二 十 《wy 三 太古 ( 太 二 区 》 填 Ow) (8-1) 
上 式 简化 成 一 v;。 于 是 可 非 正 式 地 说 ， 该 边界 由 顶点 v。 和 ww 构成。 
采用 形式 和 的 理由 体现 在 我 们 考虑 更 有 意思 的 网 格 之 
时 ， 如 图 8-4 所 显示 的 网 格 。 该 网 格 的 边界 为 w 十 ww 十 
wy 5 os 和 
采用 类 似 于 平面 多 边 形 中 的 绕 数 规则 ， 容 易 对 边界 为 ” 
零 ( 即 形式 和 中 所 有 系数 为 0) 的 1D 网 格 定义 “内 部 ”和 
“外 部 ”。 这 样 的 网 络 称 为 封闭 的 (closed) 。 A 
项 点 度数 皆 为 2( 即 每 个 顶点 处 都 有 一 条 边 到 达 ， 一 条 
边 离开 ) 的 1D 网 格 ， 称 为 流 形 网 格 (manifold mesh): 对 上 
于 抽象 图 ， 每 个 点 具有 一 个 邻 域 (一 组 与 之 充分 接近 的 ”图 84 货车 轮 形状 的 网 格 。 从 
点 )， 类 比 于 实数 轴 上 的 一 小 段 。 例如， 位 于 边 内 部 的 点 0 
以 该 边 的 内 部 为 邻 域 ， 网 格 顶点 则 以 两 条 相 邻 的 边 以 及 它 全 
自己 作为 邻 域 。 


术语 “ 流 形 网 格 ” 指 类 似 于 流 形 曲 面 的 网 格 。 这 里 ， 我们 并 不 试图 给 出 严 间 的 定义 ， 
在 很 多 论著 中 采用 相关 的 数学 理论 介绍 了 流 形 的 概念 LdC76，GP10]。 非 正式 地 说 , n 维 
流 形 是 一 个 具有 如 下 性 质 的 对 象 M: 对 于 任何 一 点 PE M， 存 在 一 个 p 的 邻 域 ( 即 M 中 与 
p 充分 接近 的 所 有 点 )， 看 起 来 像 R" 中 的 “ 开 球 ”(open ball) ， 即 集合 {zER": |zl<1)。 
这 里 “看 起 来 像 ” 的 意思 是 它们 之 间 存 在 一 个 连续 可 逆 的 映射 。( 这 些 连续 映射 在 定义 域 
重 倒 处 应 是 可 道 和 一 致 的 ， 具体 细节 已 超出 本 书 范围 ,) 例 如 ,平面 上 的 单位 圆 是 一 个 1D 
流 形 ， 因 为 任 一 角 坐 标 为 9 的 点 的 邻 域 是 由 所 有 和 角 坐 标 位 于 L0 一 0.1，0 十 0.1j 的 点 组 成 ， 
它 与 R 上 的 单位 球 ( 即 开 区 间 一 1 二 x 一 1) 之 间 对 应 关系 为 S10(u 一 9)。 同 样 ，3D 空间 中 
一 些 熟 悉 的 曲面 ， 例 如 球面 或 甜 面 包 圈 表面 ， 都 是 2D 流 形 。 世 界 地 图 册 可 以 形象 说 明 球 
是 一 个 流 形 : 地 图 册 的 每 一 页 呈现 的 是 地 球 上 某 个 区 域 ( 如 西欧 ) 和 一 个 平面 区 域 ( 即 显示 
西欧 的 那 一 页 地 图 ) 之 间 的 对 应 关系 。 

具有 和 角 点 的 形状 (例如 立方 体 ) 也 是 流 形 ， 只 不 过 它们 不 是 光滑 流 形 ， 此 处 指 取 一 连续 
映射 将 立方 体 角 点 附近 的 一 小 块 区域 映 射 到 平面 上 ， 都 会 导致 严重 的 扭曲 ， 因 此 该 映射 不 
满足 光滑 映射 的 任何 条 件 。 

自 交 的 形状 ， 例 如 平面 上 的 8 字 ， 不 是 流 形 ， 因 为 自 交 点 附近 的 任何 小 的 邻 域 看 上 去 
均 像 字母 “x”， 不 可 能 和 一 个 单位 区 间 形 成 双向 的 连续 映射 。 流 形 定义 的 术语 不 易 把 握 
(事实 上 ， 经历 了 几 十 年 才 发 展 成 现代 的 形式 )。 对 于 我 们 来 说 ， 幸 运 的 是 ， 图 形 学 涉及 的 
形状 一 般 都 是 “多 面体 流 形 ”(polyhedral manifold) 。 多 面体 流 形 的 定义 仍然 不 易 把 握 ， 
但 是 已 有 若干 关键 的 定理 : 在 1D 和 2D 人 情形 下 ， 可 以 通过 一 些 十 分 简单 的 方法 ， 验 证 一 
个 对 象 是 否 为 流 形 。 这 些 简 单 的 方法 就 是 本 文 关 于 顶点 - 边 网 格 流 形 和 三 角形 网 格 流 形 ( 我 
们 将 稍 后 定义 ) 所 添加 的 附注 。 

在 阅读 这 些 定义 时 ， 我们 的 目标 不 在 深刻 地 理解 这 些 定义 ， 用 来 证 明定 理 ( 那 需要 做 
更 为 细致 的 考虑 )， 而 应 该 有 能 力 说 “我 可 以 很 确定 地 判断 所 观察 的 简单 网 格 是 否 为 流 形 
网 络 ， 或 具有 边界 的 流 形 网 格 。” 
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流 形 网 格 很 普遍 ， 而 且 极 易 处 理 ( 包 括 证 明 与 其 有 关 的 定理 )。 注 意 ， 网 格 流 形 的 定义 
并 不 意味 着 它 只 能 有 一 个 连通 分 支 。 事 实 上 ， 两 个 不 相交 的 三 角形 所 构成 的 网 格 是 合格 的 
网 格 流 形 ， 空 网 格 也 是 。 

我 们 介绍 的 1D 网 格 中 每 条 边 为 一 有 序 的 顶点 对 ， 称 为 定向 网 格 (oriented mesh); 如 
果 把 网 格 的 边 定 义 为 无 序 的 顶点 对 ， 则 称 为 非 定向 网 格 (unoriented mesh)。 在 此 情况 下 ， 
“边界 ”的 定义 将 没有 意义 。 但 是 我 们 将 不 采用 这 样 的 网 格 。 


8. 2.2 ”1D 网 格 的 数据 结构 

在 讨论 3D 空间 中 的 2D 流 形 之 前 ,我 们 将 首先 描述 2D 空间 中 1D 网 格 的 数据 结构 。 
该 数据 结构 与 更 复杂 的 结构 具有 很 强 的 类 比 性 ， 其 构成 是 : 

e 一 个 顶点 表 ， 由 顶点 索引 号 及 其 在 平面 上 关联 的 点 组 成 。 

@ 一 个 边 表 ， 由 采用 有 序 顶 点 对 表示 的 边 组 成 。 

e 邻接 边 表 (neighbor-list table)， 由 邻接 于 同一 个 顶点 的 所 有 边 组 成 的 有 序 循环 链表 

( 道 时 针 顺 序 )。 

我 们 在 第 4 章 讨 论 曲线 ( 见 图 8-5) 细 分 时 已 遇 到 过 
这 样 的 结构 。 

该 数据 结构 所 支持 的 操作 (及 其 实现 ) 如 下 : 

@ 插入 一 个 项 点: 将 它 加 入 顶点 表 中 ， 而 不 改变 





图 8-5 左 侧 的 正方 形 被 细 分 后 成 为 右 


其 他 的 表 。 侧 的 八 边 形 。 注 意 ; 正方 形 的 

。 插入 一 条 边 (i，j): 将 它 加 入 顶点 表 和 边 表 中 每 个 顶点 都 对 应 于 八 边 形 的 一 
ee 个 顶点 ， 并 且 正 方形 的 每 条 边 
接 边 表 中 。 插 入 顶点 i 的 邻接 边 表 中 的 时 间 是 的 中 点 也 是 八 边 形 的 顶点 
O(e)， 其 中 。 是 邻接 边 表 中 边 的 数量 (需要 把 边 按 逆 时 针 顺 序 插入 邻接 边 表 中 的 正 
确 位 置 ， 而 表 中 可 能 包含 有 e 条 边 ) 。 然 而 在 流 形 网 格 中 ， 一 个 顶点 最 多 邻接 2 条 
边 ， 故 该 操作 为 0(1)。 

e@ 获取 与 顶点 i 相 邻 接 的 边 。( 此 处 为 0O(1)， 因 为 已 存在 项 点 i 的 邻接 边 表 ,) 

e@ 给 定 顶 点 7 和 包含 i 的 一 条 边 e， 找 到 边 e 男 一 端点 。 

@ 给 定 一 条 边 e， 找 到 它 的 两 个 端点 。 

e 删除 一 条 边 。 首 先 从 边 表 中 删除 。 如 果 该 边 是 (i，j7)， 则 还 需 从 顶点 i 和 顶点 j 的 


邻接 边 表 中 删除 此 边 。 操 作 时 间 为 OCe) ， 但 在 流 形 情况 下 为 0(1)。 

顶点 表 和 边 表 的 具体 实现 方式 取决 于 其 可 能 的 用 途 。 如 果 无 删除 操作 ， 则 采用 数组 形 
式 较 为 方便 。 但 是 如 果 涉 及 删除 操作 ， 则 必须 执行 以 下 一 项 操作 : 

@ 以 某 种 方式 将 被 删除 的 数组 元 素 标记 为 非法 元 素 。 

e 删除 某 元 素 后 ， 移 动 其 后 面 的 数组 元 素 以 消除 删除 操作 后 数组 中 留 下 的 空白 (这 需 

要 对 相关 表 中 的 索引 进行 更 新 )。 

如 果 涉 及 大 量 的 插入 和 删除 操作 ， 则 采用 “标记 ”方法 将 会 创建 一 张大 容量 但 又 非常 
空 的 表 ， 从 而 导致 计 E 如 “ 列 出 所 有 顶点 ”、“ 列 出 所 有 边 ” 之 类 的 操作 变 慢 。 实 际 上 ， 移动 
数组 元 素 不 失 为 有 效 的 方法 。 以 一 个 简单 情形 为 例 ， 假 设 有 个 顶点 ， 现 需要 删除 顶点 n。 
那么 ， 只 需 说 明 数 组 的 末尾 为 第 ”一 1 个 元 素 ， 并 删除 其 他 表 中 对 顶点 n 的 所 有 引用 即 可 。 
若 需 删除 其 他 顶点 ， 例 如 第 2 个 顶点 ， 可 把 问题 转化 为 前 一 种 情形 : 将 第 2 个 数组 元 素 和 
第 nn 个 数组 元 素 互 换 ， 然后 删除 第 n 个 。 当 然 这 要 求 在 各 相关 表 中 将 所 有 涉及 顶点 n 的 索 
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引 替 换 成 对 顶点 2 的 索引 ， 反 之 亦 然 ， 但 这 一 操作 极为 简便 。 

注意 ， 是 否 保存 顶点 的 邻接 边 表 依赖 于 具体 应 用 。 保 存 有 利于 加 速 查找 与 当前 顶点 拓 
扑 距离 为 1 的 所 有 顶点 ,但 会 使 添加 边 的 操作 在 最 坏 情况 下 变 慢 。 如 果 不 需要 找 出 项 点 i 
的 邻接 边 ， 那 么 维持 邻接 边 表 是 无 意义 的 。 同 样 ， 若 你 感 兴趣 的 不 仅 是 1D 网 格 自身 的 结 
构 ， 而 且 是 其 分 割 平面 后 所 形成 的 2D 区 域 ， 则 以 逆 时 针 次 序 存储 邻接 边 表 将 是 有 益 的 。 
和 否则， 邻接 边 可 存放 在 哈 希 表 或 其 类 似 高 效 的 结构 中 (或 者 对 于 流 形 网 格 ， 存 放 在 一 个 两 
元 素 的 数组 中 )。 


8.3 ”3D 网 格 


3D 网 格 的 表示 类 似 于 2D 情形 : 我 们 采用 网 格 的 项 点 表 和 三 角形 表 来 描述 一 个 网 格 。 
那么 网 格 的 边 如 何 表示 呢 ? 在 图 形 学 中 ， 传 统 方法 是 通过 三 角形 查找 边 : 如 果 三 角形 由 顶 
点 i、j 和 上 构成， 则 (i,， 7 站、(j，k) 和 (k, 由 为 三 角形 的 边 ， 它 们 构成 网 格 结构 的 一 部 
分 。 显 然 ， 这 意味 着 不 允许 存在 悬挂 边 ( 见 图 8-6) ， 但 允许 存 
在 孤立 顶点 。 作 为 拓扑 学 的 基础 ， 网 格 结构 的 一 般 描述 (由 项 
点 、 边 、 三 角形 、 四 面体 …… 以 及 顶点 的 坐标 定义 ， 可 通过 
插值 方式 定义 更 高 维 的 网 格 组 成 元 素 ) 已 超过 100 年 LSpa66 ] 。 
对 此 感 兴趣 的 学 生 可 查阅 拓扑 方面 的 文献 ， 无 需 重新 探讨 。 

在 图 形 学 中 ,顶点 表 和 “ 面 表 ” 或 “三 角形 表 ” 属 于 成 


熟 的 结构 。 类 似 于 1D 情形 ， 可 以 快速 地 向 网 格 中 插入 项 点 和 。 图 8 6 送 有 县 挂 边 的 三 角 


三 角形 ， 但 删除 项 点 慢 ( 因 为 需要 找到 与 该 项 点 邻接 的 所 有 三 形 , 它 不 能 被 我 们 
角形 并 删除 ) 。 如 果 在 每 个 顶点 处 保存 与 其 邻接 的 三 角形 表 ， 的 网 格 结构 表示 


那么 删除 操作 将 变 快 。 当 顶点 邻接 三 角形 表 中 的 三 角形 无 序 排列 时 ， 往 其 中 插入 新 的 三 角 
形 代价 低 ， 但 删除 代价 高 。 当 对 网 格 施加 额外 的 限制 条 件 时 ， 可 以 对 顶点 的 三 角形 表 进 行 
排序 。 这 会 稍 许 增加 插入 和 删除 操作 的 代价 ， 但 会 使 其 他 操作 变 得 简便 ， 例 如 能 很 方便 地 
查找 与 某 条 边 相 邻 的 两 个 面 。 

边 的 情形 如 何 呢 ? 虽然 不 能 插入 边 ， 但 是 可 以 问 :“ 这 一 对 顶点 属 网 格 的 边 吗 ?” 换 名 
话说 ， 它 是 网 格 上 某 个 三 角形 的 边 吗 ? 同样 ， 给 定 一 个 三 角形 的 顶点 入 7 &， 可 以 问 : 
“包含 边 (i, 门 的 其 他 三 角形 有 哪些 ?” 这 些 问 题 的 复杂 性 为 OCT)， 因 为 回答 它们 需要 对 
三 角形 表 进 行 穷 举 搜索 。 下 一 节 中 我 们 将 讨论 其 中 的 一 些 特殊 情况 ， 可 以 实现 更 快 的 
查询 。 

如 果 你 此 刻 想 马 上 创建 物体 和 绘制 其 图 像 ， 那 么 完全 可 以 跳 过 本 章 的 余下 部 分 ， 去 使 
用 网 格 的 顶点 表 和 三 角形 表 结 构 。 当 你 遇 到 空间 或 效率 方面 的 问题 时 ， 余 下 部 分 将 会 有 
用 。 当 然 ， 若 你 想 更 多 地 了 解 如 何 有 效 地 处 理 网 格 ， 亦 请 继续 阅读 。 


8.3.1 流 形 网 格 


若 一 个 有 限 的 2D 网 格 的 每 个 顶点 所 连接 的 边 和 三 角形 围绕 该 项 点 以 循环 的 方式 : 4， 
e1，t2，e;，*…，t，e, 彼 此 邻接 ， 其 中 无 重复 元 素 ， 且 边 e; 为 三 角形 ;和 ti+1 的 边 ( 下 标 对 n 
取 模 )， 则 此 2D 网 格 称 为 流 形 网 格 ， 这 意味 着 每 一 条 边 有 且 仅 有 两 个 邻接 它 的 面 。 

类 似 于 1D 网 格 ， 流 形 网 格 的 数据 结构 由 顶点 表 、 三 角形 表 和 邻接 三 角形 表 组 成 。 

对 于 顶点 ;其 邻接 三 角形 表 中 的 三 角形 均 围 绕 顶 点 ;i， 且 以 循环 的 方式 依 序 排列 
( 表 中 第 个 和 第 十 1 个 三 角形 共享 一 条 边 ) 。( 需 要 指出 的 是 ， 除 非 是 下 一 节 将 要 讨论 
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的 有 向 流 形 ， 否 则 采用 “ 逆 时 针 方 向 排序 ”， 这样 的 提 法 已 无 法 区 分 两 种 不 同 的 排列 
顺序 。) 
然而 ， 流 形 网 格 不 允许 三 角形 的 插入 和 删除 操作 : 任何 插入 或 删除 都 会 破坏 流 形 的 性 


质 。 但 很 容易 找 出 所 有 与 给 定 顶 点 邻接 的 顶点 ( 即 给 定 顶 点 i， 找 出 与 i 共同 构成 网 络 中 一 
条 边 (i，7) 的 所 有 顶点 j) )， 这 只 需 找 出 顶点 i 的 邻接 三 角形 表 中 的 所 有 三 角形 ， 然 后 提取 


其 除了 顶点 i 之 外 的 所 有 顶点 即 可 。 

若 已 知 一 个 三 角形 包含 边 (i，j;)， 很 容易 找 出 同样 包含 边 (i，j) 的 男 一 个 三 角形 。 
8.3.1.1 朝向 

我 们 常常 需要 考虑 网 格 中 三 角形 的 朝向 ( 见 图 8-7)， 即 三 角形 (1，2，3) 与 三 角形 (2， 
1，3) 是 两 个 不 同 的 三 角形 (三 元 组 为 三 角形 顶点 下 标 序列 )。 三 角形 定向 后 即 可 确定 其 法 
向 量 : 对 于 非 退 化 的 三 角形 ( 即 面积 不 为 零 )， 如 果 其 顶点 为 P、 已 和 Pi， 则 (已 一 已 ) 义 
(Pi 一 P;) 即 为 垂直 于 该 三 角形 所 在 平面 的 法 向 量 ?。 注 意 ， 如 果 互 换 顶 点 P; 和 P;， 则 法 向 
量 反 向 。 因 为 经 常 采 用 三 角形 的 法 向 量 确定 网 格 的 内 部 或 外 部 ， 因 此 顶点 的 次 序 非常 
关键 。 

如 果 两 个 相 邻 的 三 角形 具有 一 致 的 法 向 量 ( 见 图 8-8)， 其 公共 边 在 一 个 三 角形 中 
为 (i，7) ， 则 在 另 一 个 三 角形 中 必 为 (j,i 让。 如 果 一 流 形 网 格 的 三 角形 均 为 有 向 三 角 
形 ， 且 满足 上 述 条 件 ， 则 整个 网 格 也 具有 一 致 的 法 向 量 。 这 是 组 合 拓扑 的 一 个 重要 
定理 。 
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图 8-7 有 向 三 角形 网 格 。 环 形 箭头 表示 三 角形 图 8-8 网 格 中 具有 一 致 法 向 量 的 (其 法 向 量 指向 
顶点 的 排列 次 序 。 注 意 ， 顶点 三 元 组 网 格 的 同一 侧 ) 两 相 邻 三 角形 。 注 意 ， 边 
(1，2，3) 和 (2，3，1) 表 示 同 一 个 有 向 (is 7 为 其 中 一 个 三 角形 的 边 ,， 而 (j, 让) 
三 角形 ( 即 每 个 有 向 三 角形 有 3 个 等 价 的 为 另 一 个 三 角形 的 边 。 一 般 地 ， 在 具有 一 
描述 ) 致 法 向 量 的 有 向 网 格 中 ， 每 条 边 均 出 现 两 


次 ， 且 方向 相反 


如 果 一 个 流 形 网 格 为 有 向 网 格 ， 则 邻接 同一 顶点 的 三 角形 可 自然 排序 。 假 定 三 角形 
(5，1，2)、(4，3，1)、(1，5，4) 和 (1，3，2) 为 围绕 顶点 1 的 三 角形 。 首 先 将 各 三 角形 
的 顶点 序列 分 别 进行 循环 处 理 ， 使 得 顶点 1 均 为 第 一 序号 ， 即 (1，2，5)、(1，4，3)、 
(1，5，4) 和 (1，3，2)。 然 后 从 第 一 个 三 角形 开始 ， 考 虑 其 “第 一 条 ” 边 (1，2) 和 “最 后 
一 条 ” 边 (5，1)。 选 择 下 一 个 三 角形 时 ， 要 求 其 第 一 条 边 是 当前 三 角形 最 后 一 条 边 的 反 向 
边 ， 即 (1，5)， 而 这 个 三 角形 正 是 (1，5，4)。 注 意 到 (1，5，4) 的 最 后 一 条 边 是 (4，1)， 
而 (1，4) 是 三 角形 (1， 4，3) 的 第 一 条 边 ; (1，4，3) 的 最 后 一 条 边 是 (3，1)， 而 (1，3) 是 
(1，3，2) 的 第 一 条 边 。 于 是 ， 上 述 三 角形 自然 排序 的 结果 是 (1，2，5)、(1，5，4)、 
CL dy 记 5 





昌 ” 对 叉 积 的 描述 和 法 向 量 的 深入 讨论 在 第 7 章 。 





8. 3. 1:2” 边界 

比 流 形 网 格 更 令 人 感 兴趣 (也 更 常见 ) 的 是 其 顶点 为 “边界 点 ”的 网 格 ( 见 图 8-9)。“ 边 
界 点 ”含义 是 ， 与 它们 邻接 的 三 角形 并 未 形成 一 
个 闭合 的 环 ， 而 是 形成 一 条 链 。 链 中 第 一 个 和 最 
后 一 个 三 角形 均 只 有 一 条 边 与 链 中 的 其 他 三 角形 
共享 ， 而 第 一 个 三 角形 中 与 边界 点 连接 的 另 一 条 
边 只 包含 在 第 一 个 三 角形 中 ,不 包含 在 链 内 任何 图 8-9 ( 左 ) 流 形 顶 点 为 一 个 三 角形 的 闭环 














其 他 的 网 格 三 角形 中 。 最 后 一 个 三 角形 情形 亦 然 。 所 包围 ;( 右 ) 围 绕 边界 顶点 v 的 是 
这 种 非 共 享 的 边 称 为 边界 边 (boundary edge)， 这 de 
种 顶点 称 为 边界 顶点 (boundary vertex)。 不 是 边 ee vv 的 
界 顶 点 的 顶点 称 为 内 部 顶点 (interior vertex)。 其 他 边 为 边界 边 


8.3.1.3 边界 和 有 向 2D 网 格 

正如 之 前 将 边 vv; 的 边界 定义 为 形式 和 wv; 一 wv, 一样， 我 们 可 以 将 网 格 中 顶点 为 i、j、 
的 三 角形 的 边界 定义 为 边 的 形式 和 

Ci37) (RY Ch (B82) 
进一步 ， 可 以 在 形式 和 上 定义 代数 ， 其 中 边 (i， 丫 等 价 于 一 1(i，;)。 因 此 ， 上 述 的 边界 可 
改写 成 
(i,)) TT (Gk) Oo— Ci,k) (8-3) 

我 们 将 一 组 有 向 三 角形 的 边界 定义 为 它们 边界 的 形式 和 。 

对 于 有 向 流 形 网 格 ， 其 边界 为 零 ( 即 每 一 条 边 的 系数 都 是 零 )， 因 为 如 果 边 (i, 站 属于 
某 一 面 的 边界 ， 那 么 (j, 站 二 一 (i， 门 必 为 男 外 一 个 面 的 边界 。 

对 于 一 个 具有 边界 的 有 向 流 形 网 格 ， 其 边界 由 如 上 定义 的 “边界 边 ” 组 成 。 一 个 没有 
边界 的 有 向 的 网 格 通常 称 为 闭 网 格 。 
8.3.1.4 带 边界 的 流 形 网 格 上 的 操作 

可 对 具有 边界 的 流 形 网 格 实施 顶点 和 面 的 插入 和 删除 等 操作 。 操 作 的 效率 依赖 于 具体 
的 实施 方法 。 如 果 网 格 采用 简单 的 顶点 表 和 面 表 表 示 ， 那 么 插入 和 删除 (采用 “ 先 将 其 与 
表 中 最 后 一 个 元 素 交 换 再 删除 ”的 技巧 ) 的 代价 均 为 0O(1)。 如 果 在 每 个 顶点 处 建 有 邻接 三 
角形 表 ， 那么 插入 和 删除 的 代价 变 成 OCT) ， 其 中 工 是 表 中 三 角形 的 数目 。 

注意 ， 查 找 网 格 的 边界 可 以 在 OCT) 时 间 内 完成 。( 使 用 哈 希 表 统 计 每 条 边 的 出 现 次 
数 ， 反 向 边 统 计 为 负 。 如 果 一 条 边 的 出 现 次 数 是 0， 则 从 哈 希 表 中 删除 。.) 也 可 以 在 插入 和 
删除 过 程 中 维护 一 个 边界 记录 ， 这 样 随 时 查找 网 格 边界 边 的 代价 为 0(1)。 


8.3.2 非 流 形 网 格 


正如 在 1D 的 情形 ， 我 们 有 时 碰 到 一 些 形 状 不 
适合 表示 为 流 形 或 带 边界 的 流 形 。 例 如 图 8-10， 两 
个 立方 体 共享 一 个 非 流 形 的 顶点 。 具 有 一 条 公共 边 
的 两 个 立方 体 也 是 非 流 形 的 。 然 而 ， 这 两 种 情况 存 
在 重要 区 别 : 在 创建 有 边界 的 流 形 时 ， 很 容易 产生 
非 流 形 的 顶点 ( 见 图 8-11)。 但 是 一 旦 产生 了 一 条 非 . 
流 形 的 边 ( 邻 接 3 个 或 更 多 的 面 )， 则 不 可 能 通过 进 ”图 8-10 共享 顶点 为 非 流 形 : 其 邻 域 无 
一 步 的 添加 操作 使 之 变 成 流 形 的 边 。 法 等 同 于 平面 
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在 有 向 边 (directed-edge) 结 构 中 ， 每 一 项 点 设 有 对 包含 该 项 点 的 其 中 一 条 边 的 指针 ( 见 


图 8-12)， 从 而 可 在 O(T) 时 间 内 查询 与 
该 项 点 邻接 的 所 有 边 和 三 角形 ， 其 中 工 
为 邻接 边 的 数目 。 

Campagna 等 人 [CKS98 ] 展 示 了 如 
何 对 这 一 结构 进行 扩展 以 处 理 非 流 形 的 
顶点 和 边 ， 以 及 针对 特大 型 网 格 如 何 采 
取 以 时 间 换 空间 的 策略 ,来 简化 上 述 
结构 。 

更 一 般 的 平面 网 格 可 能 含有 非 三 角 
形 的 面 ， 可 以 采用 贾 边 (winged-edge) 
数据 结构 LBau72 表示 。 每 一 条 网 格 边 
的 辟 边 结构 中 保存 有 指向 该 边 左 右 两 
侧 邻 接 面 的 上 一 条 边 和 下 一 条 边 的 指 
针 ( 见 图 8-13)。 由 此 即 可 查询 到 网 格 
中 所 有 的 边 和 面 ， 只 要 这 些 面 是 单 连 
通 的 ( 即 不 存在 环 状 的 面 ， 如 护城河 表 
面 ) 。 每 个 网 格 顶 点 的 愤 边 结构 中 保存 
了 顶点 的 坐标 以 及 指向 其 所 在 的 一 条 
边 的 指针 (由 此 可 找 出 网 格 中 所 有 其 他 
的 边 )。 对 于 网 格 中 的 每 个 面 ， 该 结构 
保存 该 面 中 一 条 边 的 指针 (从 此 出 发 可 
找 出 该 面 所 有 其 他 的 边 ) 。 


8.3.3 网 格 结构 的 存储 要 求 

我 们 描述 的 每 一 种 网 格 结构 都 涉 
及 存储 空间 。 假 设 存 储 一 个 浮 点 数 占 
用 4 字 节 ， 整 数 也 占用 4 字 节 ， 我 们 
可 以 像 Campagna 等 人 [CKS98 |] 一 样 
比较 它们 各 自 的 存储 要 求 。 

在 顶点 表 和 三 角形 表 方 法 中 ， 存 
储 立 个 顶点 需要 12V 字 节 ,本 个 三 角 
形 需要 12 开 字 节 。 顶 点 数 和 三 角形 数 
是 怎样 的 关系 呢 ? 对 于 一 个 封闭 的 网 
格 曲面 ， 欧 拉 公 式 告 诉 我 们 : 立 一 五 
十 T= 二 2 一 2g， 其 中 E 是 边 数 ,， 械 是 


图 8-11 





图 8-12 








左 侧 的 棱锥 具有 6 个 面 ， 其 中 底部 正方 形 
(图 中 不 可 见 ) 被 分 割 成 两 个 三 角形 。 如 果 在 
构建 棱锥 过 程 中 ， 如 右 图 所 示 先 构建 其 中 4 
个 三 角形 ， 则 此 时 顶部 的 尖端 顶点 既 非 内 部 
顶点 ， 也 不 是 边界 顶点 ， 因 此 该 形状 既 不 是 
流 形 ， 也 不 是 带 边界 的 流 形 。 但 是 一 旦 加 入 
另 一 个 面 ， 它 将 变 成 带 边界 的 流 形 。 在 加 入 
最 后 一 个 面 时 ， 它 变 成 了 流 形 
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Xa ya Ya Er 
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Vs Vp encighborEnextEprevious 


FS 


有 向 边 数 据 结 构 ( 基 于 LCKS98] 的 图 4 和 
图 5)。 每 条 有 向 边 保存 有 指向 它 的 起 点 和 终 
点 、 前 一 条 边 和 后 一 条 边 及 其 邻接 边 的 指 
针 。 网 格 中 的 每 条 边 存在 两 条 方向 相反 的 有 
向 边 ， 它 们 互 为 邻 边 。 每 个 顶点 处 记录 有 它 
的 坐标 和 指向 离开 该 项 点 的 有 向 边 的 指针 


Xa Ya 如 er 


翼 边 


wv ff ee ee 


图 8-13 辟 边 数据 结构 。 每 一 条 边 保存 其 左右 两 侧面 中 
指向 其 前 一 条 边 和 后 一 条 边 的 指针 


面 数 ，g 是 曲面 的 亏 格 (genus)” 。 进 一 步 假设 每 个 顶点 都 附属 于 某 三 角形 ( 即 顶 点 表 中 没 
有 无 用 的 顶点 )， 且 网 格 是 封闭 的 ， 那 么 可 简化 成 : 每 个 三 角形 有 三 条 边 ， 且 每 一 条 边 由 





加 封闭 曲面 的 专 格 可 以 看 作 是 其 中 洞 的 数目 。 球 有 0 个 亏 格 ， 圆 环 有 ]1 个 亏 格 ，2 个 洞 的 圆 环 有 2 个 亏 格 ， 等 


等 。 一 片 瑞士 奶 酷 很 可 能 具有 更 多 的 亏 格 。 








两 个 三 角形 共享 。 于 是 边 数 下 一 本 了 。 因此 
V 了 了 十 下 一 2 (8-4) 
可 简化 为 
V 一 地 T 一 2 一 28 (8-5) 














对 于 低 亏 格 且 分 割 细致 的 曲面 ， 上 式 的 右 侧 与 左 侧 相 比 可 以 忽略 不 计 ， 所 以 三 角形 数 近 似 于 顶 
点 数 的 两 倍 。 因 此 ， 一 个 网 格 所 需 的 总 存储 量 为 1 2(V 十 了 宅 12(3V) 二 36V 之 18 丁 字 节 。 对 于 其 


余 方 式 的 网 格 表 示 ， 我 们 同样 假设 为 低 亏 格 的 封闭 流 形 ， 使 得 能 够 用 广 和 习 互 相 替代 。 


对 于 小 边 结构 ， 每 个 顶点 占用 16 字 节 (3 个 浮 点 数 和 1 个 边 指 针 )， 每 个 面 占 用 4 字 节 





(1 个 边 指 针 )， 每 条 边 占用 32 字 节 (4 个 边 指针 、2 个 面 指针 和 2 个 顶点 指针 ， 总 共 8 个 指 
针 )。 在 纯 三 角形 网 格 的 假设 下 ， 所 需 的 总 存储 量 为 16V 十 32E 十 4T~8T 十 32 了 了 十 
4T= 二 60T。 

对 于 有 向 边 数据 结构 (假设 保存 所 有 指针 )， 每 个 顶点 坐标 占用 12 字 节 ， 一 个 边 指针 
占用 4 字 节 。 每 一 有 向 边 包 含 2 个 顶点 指针 和 3 个 边 指针 ， 共 占用 20 字 节 。 三 角形 面 没 
有 显 式 的 存储 。 因 此 ， 总 存储 量 是 

l16V 二 40E 8T 二 60T=68T (8-6) 
字 节 。 注 意 在 上 述 分 析 中 ， 我 们 假定 保存 1 个 顶点 指针 或 1 个 边 指针 只 需要 4 字 节 。 对 于 


多， 这 个 字 节 数 可 能 会 成 比例 增加 至 [log; ( 号) 


加 
汞 


冰 
更 复杂 六 


8.3.4 网 格 操作 


三 角形 网 格 的 同 质 性 使 得 某 些 操作 变 得 十 分 简单 。 流 形 网 格 则 更 显 优势 。 例 如 ， 实 施 网 
格 简化 的 一 个 标准 操作 是 进行 边 的 折 友 (edge collapse) ， 即 将 一 条 边 的 长 度 收缩 为 零 ， 从 而 导 
致 与 其 相 邻 的 两 个 三 角形 消失 。 而 网 格 美化 (beautification)( 将 网 格 中 的 三 角形 变 为 近似 等 边 
的 三 角形 ， 并 使 之 具有 其 他 的 良好 性 质 ) 中 的 边 交换 (edge-swap) 操 作 能 够 将 两 个 窗 长 的 三 角 
形 转 换 为 两 个 近似 等 边 的 三 角形 。 这 两 种 操作 对 数据 结构 本 身 的 改动 都 极 少 。 


8.3.5 边 折 释 


边 折 区 操 作 将 导致 网 格 中 的 一 条 边 消 失 LHDD* 93]。 在 新 的 网 格 中 ， 包 含 这 条 边 的 两 
个 相关 三 角形 被 删除 ， 每 个 被 删除 的 三 角形 的 其 他 两 条 边 则 合并 为 一 条 边 ， 被 删除 边 的 两 
个 顶点 合并 为 一 个 顶点 ( 见 图 8-14) 。 

上 面 的 描述 只 涉及 了 拓扑 ， 除 此 之 外 还 需 考虑 几何 方面 的 问题 ， 当 对 两 个 项 点 实施 合 
并 时 ， 必 须 考 虑 合并 后 顶点 的 新 位 置 。 新 位 置 的 选择 取决 于 简化 的 目标 ( 见 图 8-15)。 如 果 
优先 考虑 计算 量 ， 则 选取 任 一 旧 顶 点 作为 新 顶点 位 置 最 为 快捷 。 如 果 要 保持 形状 ， 那 么 可 
取 两 个 旧 顶 点 位 置 的 平均 ， 计 算 也 很 简便 ; 如 果 这 样 取 平均 会 导致 很 多 点 的 移动 ， 其 视觉 
效果 并 不 如 意 ， 则 可 以 选 一 新 的 位 置 ， 使 得 原始 网 格 和 新 网 格 各 顶点 之 间 位 移 的 平均 值 或 
最 大 值 为 最 小 。 在 此 问题 上 并 无 “标准 管 案 *"， 类 似 于 大 多 数 图 形 学 问题 ， 你 的 选择 取决 
于 你 最 终 使 用 该 网 格 结构 的 目的 。 
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对 从 顶点 双 到 顶点 ww 的 边 进行 折 秋 ， 
该 边 及 与 其 邻接 的 两 个 面 从 数据 结构 中 
被 删除 ; 位 于 该 边 上 方 的 两 条 蓝 色 的 边 
合并 为 一 条 边 ， 下 方 两 条 红色 的 边 合 并 
为 一 条 边 。 顶 点 vs 和 ws 合并 为 一 个 顶点 。 
其 他 则 保持 不 变 


图 8-14 


8. 3.6 边 交换 


图 8-15 


0 
A B 并 广 NN % 
es 


2D 情形 中 边 AB 折合 的 不 同 几 何 选择 。 
a 为 计算 简单 的 情形 ， 可 将 折合 后 的 新 
顶点 放 在 A 点 。b 放 在 线段 AB 的 中 点 。 
c 放 在 某 点 Q， 最 小 化 原始 网 格 各 顶点 
与 新 网 格 的 最 近 顶 点 之 间 的 最 大 (或 平 
均 ) 距 离 ， 也 可 取 其 他 准则 


在 应 用 中 ， 网 格 可 能 发 生 扭曲 和 变形 ， 最 终 导致 一 些 三 角形 变 得 又 长 又 罕 ， 即 它们 的 
长 宽 比 (aspect ratio) 变 得 很 差 。 通 常 , 平面 形状 的 长 宽 比 ( 见 图 8-16) 可 按 如 下 方式 确定 : 


计算 该 形状 所 有 的 长 方形 包围 盒 ( 包 围 该 形状 ， 且 
四 边 都 与 之 接触 )， 取 其 中 最 大 的 长 宽 比 。 网 格 中 
存在 长 宽 比 很 高 的 三 角形 在 很 多 情形 下 会 导致 结果 
失真 ， 应 尽 可 能 避免 。 边 交换 操作 ( 见 图 8-17) 可 
以 将 两 个 相 邻 的 高 长 宽 比 的 三 角形 转换 成 两 个 较 低 
长 宽 比 的 三 角形 。( 反 之 也 能 做 逆向 交换 。 为 了 找 
到 合适 的 边 进行 交换 以 美化 网 格 ， 需 要 比较 各 种 可 
能 的 边 交 换 后 的 效果 。) 

注意 , 边 交 换 操作 将 导致 网 格 结构 中 两 个 三 角 
形 被 删除 ， 代 之 以 另外 两 个 三 角形 。 在 简单 的 顶点 
表 和 三 角形 表 结 构 中 ， 实 行 该 操作 极为 方便 。 但 对 
有 向 边 结 构 ， 则 情形 较为 复杂 ， 因 为 : 有 些 顶 点 可 
能 保存 有 被 删除 边 的 指针 ， 需 要 找到 这 些 指针 并 重 
新 定位 ; 用 两 个 新 的 三 角形 替换 两 个 旧 的 三 角形 
后 ， 许 多 有 向 边 指针 需 进行 调整 ， 以 保证 它们 正确 
地 指向 新 的 三 角形 。 


8.4 讨论 和 延伸 阅读 

三 角形 网 格 以 及 非 三 角形 网 格 、 平 面 图 和 单 
纯 复 形 ( 顶 点 、 边 、 三 角形 、 四 面体 等 的 组 合 ) 等 
在 图 形 学 外 的 很 多 领域 被 广泛 研究 。 每 一 种 表示 
都 面向 一 定 的 应 用 领域 。 我 们 介绍 了 几 种 特别 适 
合 于 图 形 学 的 表示 。 但 是 在 开发 CAD 程序 时 可 能 
需要 处 理 网 格 形状 的 并 集 和 交集 运算 。 然 而 ， 两 
个 流 形 网 格 (例如 ， 两 个 立方 体 ) 的 并 集 可 能 不 再 
是 流 形 网 格 ( 如 果 立 方 体 之 间 只 共享 一 个 顶点 或 一 
条 边 )， 这 就 需要 引入 适合 于 非 流 形 表 示 的 结构 。 





图 8-16 平面 形状 的 长 宽 比 ， 可 通过 找 
到 具有 最 大 长 宽 比 的 包围 盒 来 


确定 


vp vp 


vy, vs —> UY. 访 


zu va 

边 ww 的 两 个 邻接 三 角形 具有 很 
差 的 长 宽 比 。 如 果 用 边 wuv 替代 
ww， 则 会 得 到 一 对 新 的 具有 较 
好 长 宽 比 的 三 角形 


图 8-17 





机 械 结构 的 有 限 元 建 模 或 流体 分 析 也 有 各 自 的 约束 条 件 ， 例 如 要 求 三 角形 和 四 面体 单元 具 
有 和 良好 形状 (三 角形 无 尖 角 )， 或 单元 尺寸 随 所 在 区 域 而 变化 (例如 ， 汕 流 要求 细 致 的 三 角 
形 网 格 表示 ,平滑 流 只 需要 粗 琉 的 网 格 表示 即 可 ) 。 

对 于 大 多 数 基 础 的 图 形 学 问题 ， 基 于 顶点 和 三 角形 表 的 网 格 表示 就 够 用 了 。 该 表示 十 
分 简洁 ， 用 途 广 泛 。 基 于 该 表示 你 会 很 容易 编程 构建 自己 的 网 格 。 如 果 想 继续 深入 ， 也 许 
需要 采用 更 复杂 的 网 格 表示 。 当 然 ， 一 定 要 对 其 进行 评估 ， 确 保 能 解决 特定 的 问题 。 

一 个 我 们 完全 不 予 考虑 的 网 格 表 示 是 “ 列 出 网 格 中 的 所 有 三 角形 ， 每 个 三 角形 表示 为 
其 三 个 顶点 的 zyz 坐标 ”。 尽 管 这 一 表示 方法 很 简单 ， 但 是 缺点 太 多 ， 例 如 : 若 需 判断 两 
个 三 角形 或 边 是 否 共享 顶点 ， 只 能 进行 浮 点 数 比 较 ; 如 果 在 某 三 角形 中 移动 一 个 顶点 ， 那 
么 必须 在 相关 的 其 他 三 角形 中 移动 同一 顶点 ， 否 则 无 法 保持 网 格 的 邻接 关系 ; 而 查询 任何 
类 型 邻接 信息 的 代价 均 为 OCT) 。 


8.5 练习 


8. 1 设 流 形 网 格 采 用 顶点 表 和 面 表 表 示 ，(i，j, &) 是 其 中 的 一 个 三 角形 ,而 (i, 丫 是 网 格 中 的 一 条 边 。 
说 明 如 何 找 出 包含 边 (i, 门 的 男 一 个 三 角形 ， 并 以 网 格 中 三 角形 数目 了 为 参数 估计 该 操作 所 需 的 时 
间 。 作 为 示例 ， 画 出 一 类 网 格 , 证 明 所 估计 的 时 间 上 限 符合 实际 。 

8.2 实现 一 个 适合 于 对 流 形 网 格 进行 细 分 操作 的 1D 网 格 结构 。 给 定 流 形 网 格 M， 令 细 分 后 的 网 格 为 
M'。 对 M 中 的 每 个 顶点 v，M' 中 均 存 在 一 个 对 应 顶点 : 车 v 的 相 邻 顶点 为 x 和 www， 那么 M 中 对 应 


顶点 将 位 于 了 wu 十 对 ww 十 (1 一 a)v。 对 M 中 的 每 一 条 边 (1:，u)，M' 中 也 存在 一 个 对 应 顶点 : 新 顶点 


取 边 (4，w) 的 中 点 ， 即 方 (1 十 )。 车 M' 中 的 两 个 顶点 在 M 中 对 应 的 顶点 或 边 是 相连 的 ， 则 它们 在 


M' 中 连接 成 边 ( 即 在 M' 中 对 应 于 边 uv 的 顶点 和 分 别 对 应 于 uw、wv 的 顶点 相连 接 )。 图 8-5 显示 了 一 
个 例子 。 参 数 a 决定 细 分 的 性 质 ， 在 该 图 所 示例 子 中 ，a 二 0.5。 经 过 不 断 细 分 之 后 ， 正 方形 变 成 一 
条 越 来 越 光滑 的 曲线 。 如 果 采 用 其 他 的 a 值 ， 结果 会 如 何 呢 ?” 使 用 标准 的 2D 测试 平台 编写 一 个 程 
序 进行 实验 。 注 意 : 流 形 网 格 可 能 有 多 个 连通 分 支 。 

8.3 构建 图 例 逐 一 展示 : 向 网 格 添加 一 个 三 角形 后 可 引起 在 非 流 形 项 点 表示 中 所 描述 的 那 4 种 变化 。 

8.4 给 定 有 向 边 数 据 结 构 中 的 一 个 项 点， 编写 一 段 伪 代 码 程序 ， 确 定 离开 该 顶点 的 所 有 有 向 边 ， 且 时 间 
代价 正比 于 输出 边 的 数量 。 

8. 5 给 定 翼 边 数据 结构 中 的 一 个 面 ， 通 过 伪 代 码 程 序 说 明 如 何 找 出 该 面 所 包含 的 所 有 边 。 

8.6 假定 M 是 一 个 连通 的 无 边界 流 形 网 格 。M 可 能 是 可 定向 的 ， 但 尚未 确定 其 方向 ( 即 可 以 使 M 所 有 
面具 有 一 致 的 朝向 ， 但 目前 有 些 面 的 朝向 并 不 一 致 ) 。 
(a) 假设 M 是 连通 的 ， 描 述 一 个 算法 ， 采 用 深度 优先 搜索 来 确定 M 是 否 可 定向 。 
(b) 如 果 M 是 可 定向 的 ， 解释 为 什么 最 多 只 有 两 个 可 能 的 朝向 。 提 示 : 证 明 一 旦 选 定 了 某 一 个 三 

角形 的 朝向 ,那么 M 中 其 他 三 角形 的 朝向 就 被 确定 了 。 

(c) 如 果 M 是 可 定向 的 ， 解 释 为 什么 M 有 且 仅 有 两 个 朝向 。 
(d) 如 果 M 是 不 连通 的 ,存在 A 之 2 个 连通 分 支 ， 那么 M 可 能 有 几 个 朝向 ? 

8.7 设计 2D 测试 平台 的 目的 旨 在 为 网 格 研究 提供 便利 。 试 用 它 构建 一 个 程序 : 在 2D 平 面 上 画 折 线 、 
获取 鼠标 的 点 击 位 置 并 显示 与 之 距离 最 近 的 顶点 (如 改变 该 顶点 的 颜色 ) 。 

8.8 添加 功能 ， 通 过 Shift 键 同 时 点 击 项 点 来 绘制 一 条 边 : 首先 高 亮 显示 起 始点 ,然后 点 击 下 一 顶点 ， 
用 一 条 边 将 其 与 起 始点 连接 起 来 。 如 果 这 两 个 顶点 之 间 已 有 一 条 边 ， 那 么 删除 这 条 边 。 如 果 点 击 位 
置 不 在 某 个 顶点 上 ， 则 在 该 处 创建 一 个 新 的 顶点 ， 并 将 它 和 之 前 选 定 的 起 始点 间 添 加 一 条 边 。 修 改 
该 程序 ， 用 于 处 理 2D 网 格 ( 即 顶点 和 三 角形 )， 即 允许 用 户 通过 Control 键 点 击 三 个 顶点 来 创建 三 
角形 ( 若 已 存在 三 角形 ， 则 删除 该 三 角形 )。 
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网 格 明 数 


9.1 引言 


在 数学 上 ， 函 数 通 常 采用 代数 表达 式 描述 ,例如 f(z) 三 x 十 1。 但 有 时 函数 也 会 以 列 
表 的 方式 描述 ， 即 对 于 每 一 个 可 能 的 自 变量 , 列 出 其 相应 的 函数 值 ， 
f:(41,2,3} —> {0,9} C91 
f(1)= f(2) = 0;f(3)= 9 C9-2) 
第 三 种 常见 的 函数 描述 方法 是 给 出 特定 点 处 的 函数 值 以 及 它们 之 间 的 插值 规则 。 例 
如 ， 我 们 也 许 绘制 了 一 周 中 每 天 中 午 和 午夜 的 温度 ,该 温度 图 中 只 有 15 个 不 同 的 点 (如 
图 9-1 所 示 )。 但 我 们 可 以 据 此 估计 其 他 时 间 的 温度 ， 例 如， 如 果 中 午 为 60 ， 午 夜 为 24 ， 
假设 其 间 以 每 小 时 3 的 稳定 速率 降温 ， 共 下 降 36， 可 通过 线性 插值 定义 一 周 中 任意 时 刻 
的 温度 ， 而 不 仅仅 是 表 中 所 列 的 每 天 中 午 和 午夜 的 温度 。 新 函数 将 原 函 数 定义 中 的 离散 点 
连接 起 来 ， 其 定义 域 是 整个 星期 ， 而 不 仅仅 限于 15 个 离散 的 时 间 。 
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图 9-1 一 周 中 每 天 中 午 和 午夜 的 温度 。 该 函数 的 定义 域 包含 15 个 点 。 对 相 邻 的 两 个 点 进行 线性 插 
值 ， 可 得 到 一 个 关于 一 周 内 任意 时 刻 温度 的 函数 ， 新 函数 为 原 函 数 定义 中 离散 点 的 连接 版 
让 我 们 将 以 上 内 容 表达 为 方程 式 的 形式 。 假 设 4 二 4 过 ts; 二 … 过 i 为 已 知 其 温度 的 个 
时 间 点 ， 态 ， 方 ，…， 思 是 相应 时 刻 的 华氏 温度 。 





那么 
filtosts | —> Rt (1 os) fsfia (9-3) 
其 中 
ty RS pl (9-4) 
Se (9-5) 
fil * 6 





进一步 ， 假 设 每 隔 12 小 时 测量 一 次 温度 ， 从 星期 日 的 午夜 开始 ， 那 么 4 一 0, 4 二 1， 以 此 

在 公式 中 ，i 为 时 间 段 的 索引 ，s 描述 了 t 在 其 所 在 时 间 段 (从 tt 到 zi41) 中 的 位 置 ( 当 
一 志 的 时 候 ，s 值 为 0， 当 t=t41 的 时 候 ，;s 值 为 1) 。 

课 内 练习 9. 1: 假设 为 =0，, 二 二 1， 以 此 类 推 ， 同时 假设 fo 二 7， 放 二 3，f; 二 4， 手工 
计算 f(1.2) 值 。 如 果 我 们 把 fo 的 值 变 为 9， 这 将 会 改变 计算 出 来 的 值 吗 ? 为 什么 ? 

如 同 在 三 角形 上 可 以 设立 重心 坐标 (参见 7. 9. 1 节 )， 我们 也 可 以 在 区 间 Lp，gj 上 设立 
类 似 的 重心 坐标 。 第 一 个 坐标 在 p 处 取 值 为 1， 在 9 处 取 值 为 0; 第 二 个 坐标 在 p 处 取 值 
为 0， 在 9 处 取 值 为 1， 但 是 两 坐标 的 和 在 区 间 内 任意 位 置 均 为 1( 即 对 于 [2，dj 中 的 每 一 
点 ， 它 们 的 和 均 为 1， 见 练习 9.8)。 基 于 上 述 重 心 坐标 ， 我 们 可 以 写 出 一 个 更 显 对 称 的 


公式 








f(1) = co (2) fi ct) fan (9-6) 

其 中 co (2) 是 第 一 个 坐标 的 值 ，ci (1) 是 第 二 个 坐标 的 值 。 

函数 f 的 连续 延伸 在 其 他 情形 中 亦 可 看 到 。 在 研究 这 些 情形 之 前 ， 我 们 先 考 察 上 述 延 
伸 的 一 些 性 质 。 其 一 ， 在 每 一 天 中 午 和 午夜 时 间 (t;)， 插值 函数 取 值 为 f;; 该 值 与 其 他 日 
子 的 中 午 和 午夜 的 温度 值 无 关 。 其 二 ， 每 一 天 中 午 的 温度 值 只 影响 之 前 12 个 小 时 和 之 后 
12 个 小 时 的 函数 曲线 。 其 三 ， 搬 值 函 数 为 连续 函数 。 

现在 考虑 对 表面 上 离散 点 进行 插值 的 情形 。 图 形 学 中 常 使 用 三 角形 网 格 来 表示 曲面 ， 
现 假设 已 知 某 函 数 在 网 格 每 个 顶点 处 的 函数 值 (在 顶点 i 处 的 函数 值 为 f;)， 如 何 计 算出 网 
格 三 角形 表面 上 其 他 点 处 的 函数 值 ? 

类 似 地 ， 我 们 使 用 重心 坐标 。 假 设 
由 顶点 wv。 、vwi、ws 组 成 的 三 角形 中 有 
一 点 P( 见 图 9-2)， 可 以 定义 

FP)Y= oofo Forfi cfs (997) 
(co，ci，cz) 是 PP 点 在 三 角形 wwv 中 
的 重心 坐标 。 

同样 ， 该 插值 函数 具有 几 个 很 好 的 
性 质 。 第 一 ， 在 顶点 v; 处 的 函数 值 为 
fi 对 位 于 边 wwv; 上 的 任意 二 点 9， 其 i RE 
Valb 只 eo wh 设 顶 点 vi、 2 局 上 亿 可 由 山 点 Zoo、 人 芭 、 殉 和 改 = Zi 
ec ia ee 
那么 己 点 的 函数 值 应 该 是 多 少 
一 个 三 角形 计算 出 来 的 值 都 完全 相同 。 
第 二 ， 顶 点 v; 上 的 函数 值 f; 对 计算 其 他 点 处 了 清 数值 的 影响 是 局 部 的 ， 换 言 之 ， 它 仅 影 响 含 
有 顶点 v; 的 各 三 角形 内 点 的 函数 值 的 计算 。 第 三 ， 插值 函数 为 连续 函数 。 

本 章 剩 下 部 分 将 讨论 如 何 对 表面 上 的 点 进行 插值 ， 与 重心 坐标 的 关系 及 其 应 用 。 
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9.2 重心 坐标 插值 代码 


到 目前 为 止 ， 我 们 的 讨论 有 点 抽象 ， 现 在 写 出 代码 来 实现 上 面 的 想法 。 首 先 从 一 个 简 
单 的 任务 开始 。 

输入 : 

@ 一 个 三 角形 网 格 ， 顶 点 表 vtable， 以 nX3 表格 形式 表示 。 

@ 三 角形 面 片 表 ftable， 以 &X3 表格 形式 表示 ， 表 中 每 一 行 包 含 三 个 指向 vtable 
的 索引 。 
顶点 函数 值 表 fntable， 以 nX1 的 表格 形式 表示 。 

@ 网 格 表面 上 一 点 已 ，: 为 该 点 所 在 三 角形 的 索引 ，a、B、7Y 为 该 点 在 三 角形 内 的 重心 坐标 。 

输出 : 

e 基于 插值 也 数 求 出 的 P 点 的 值 。 

首先 ， 只 有 ftable 的 第 1 行 与 我 们 的 问题 相关 : 点 也 位 于 第 上 个 三 角形 面 片 内 ; 其 
他 的 三 角形 面 片 可 视而不见 。 假 如 第 it 个 三 角形 面 片 的 顶点 索引 为 i0、 让 、i2， 则 在 
vtable 中 只 有 这 三 行 和 问题 相关 。 基 于 上 述 认识 , 我们 的 代码 就 很 简单 了 : 


1 double meshinterp(doublel[,] vtable, intl[,] ftable, 

之 double[] fntable, int t, double alpha, double beta, double gamma) 
学 4 光 

4 nt BO ftable[ty 0 
§ ti 二 adler Ll 

6 int i2 = ftable[t, 2]; 

double fn0 = fntable[i0]; 

8 double fnl = fntable[il]; 

9 double fn2 = fntable[i2]; 

10 return alphaxfn0 + beta*xfnl + gamma*fn2; 
i 


现在 假设 已 点 以 不 同 的 形式 表示 : 我 们 已 知 的 是 PP 点 的 3D 空间 坐标 而 不 是 其 重心 坐 
标 ， 同 时 已 知 已 点 所 在 的 三 角 面 片 索引 上 ， 现 需 计 算出 它 的 重心 坐标 w、8、7y。 假 设 三 角 
形 面 片 + 的 顶点 为 A、B、C， 则 必须 保持 
As TPB Cs = PP. (9-8) 
成 立 ， 公式 中 的 下 标 代表 点 的 zx 坐标 ; 同样 ， 对 于 > 和 < 坐标 也 需要 满足 相同 的 等 式 。 
另外， 还 需要 满足 a 十 8 十 7 二 1。 重 写 这 个 式 子 ， 以 便 该 式 和 其 他 公式 形式 上 类 似 : 


al 十 Bl 十 Yl1 = 1 (9-9) 
因而 系统 方程 可 写成 
本 Vi 
A 源 || ，|| 吏 
让 和 有 | 生 已 (9-10) 
1 1 L Y 1 








除了 直接 求解 上 述 系统 方程 外 ， 我 们 已 别 无 选择 。 现 在 的 问题 是 我 们 有 4 个 方程 ，3 
个 未 知 数 ， 而 许多 求解 器 采用 的 是 正方 形 和 矩阵 而 不 是 长 方形 矩阵 (7. 9. 2 节 提 供 了 另 一 种 
求解 这 个 问题 的 方法 ， 该 方法 需要 做 一 些 预 计算 ， 但 预计 算 意 味 着 更 多 的 工作 量 )。 

好 在 这 4 个 等 式 实际 上 是 元 余 的 : P 是 三 角形 上 一 点 这 一 事实 确保 我 们 只 要 求解 出 前 
3 个 方程 ， 第 4 个 方程 会 自动 成 立 。 然 而 ， 这 种 保证 是 纯 数学 意义 上 的 ， 在 实际 计算 中 ， 
可 能 引入 微小 误差 。 有 几 个 可 行 的 办 法 。 
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@ 将 也 表示 为 R 空 间 中 4 个 点 的 凸 组 合 : 已 有 3 个 点 的 方程 ,第 四 个 点 的 坐标 取 n,、 
n,、n:、0， 此 处 nn 为 三 角形 的 法 向 量 。 在 解 的 表达 式 中 将 会 出 现 第 四 个 参数 $， 表 
示 点 卫 偏 离 三 角形 ABC 所 在 平面 的 程度 。 忽 略 该 因素 ， 同 时 放大 a、B、Y， 取 
a/(1 一 6)、B/(1 一 6) 和 7y/(1 一 96) 作为 重心 坐标 。 这 是 一 个 很 好 的 解决 方案 (倘若 在 
点 也 处 的 数值 误差 全 部 沿 n 方向 ,该 方法 将 得 到 正确 的 结果 )， 但 它 需 要 解 一 个 
4X4 的 方程 组 。 

e 删除 公式 (9-10) 中 的 第 四 行 ; 同时 将 a、B、Y 分 别 除 以 a 十 8 十 Y， 使 这 三 个 数值 之 
和 为 1。 这 样 便 将 问题 简化 为 求解 3X3 的 系统 方程 组 ， 缺 点 是 不 能 纠正 沿 三 角形 法 
向 方向 的 误差 。 

@ 使 用 伪 逆 法 求解 过 约束 的 系统 方程 组 ( 见 10. 3. 9 节 )。 优 点 在 于 该 方法 已 经 成 为 许 
多 数值 线性 代数 系统 的 一 部 分 ， 它 甚至 可 以 对 退化 的 三 角形 进行 计算 ( 即 三 个 顶点 
共 线 )， 只 要 点 也 在 三 角形 内 ， 所 求 得 的 wc、8、7y 满足 aA 十 8B 十 YC 王 P， 尽 管 此 时 
解 可 能 不 唯一 。 更 好 的 一 点 是 ， 若 点 P 不 在 点 A、B、C 所 在 的 平面 上 ， 基 于 该 方 
法 返回 的 解 a、B、Y 所 求 出 的 点 aA 十 8B 十 YC 是 该 平面 上 离 P 最 近 的 点 。 这 是 很 理 
想 的 。 

所 以 问题 可 以 重新 描述 如 下 。 

输入 : 

e@ 一 个 三 角形 网 络 ， 顶 点 表 vtable， 以 nX3 表格 形式 表示 。 

@ 三 角形 面 片 表 ftable， 以 kX3 表格 形式 表示 ， 表 中 每 一 行 包含 3 个 指向 vtable 
的 索引 。 

@ 网 格 上 的 一 点 已 ， 该 点 由 其 所 在 的 三 角形 的 索引 上 和 点 的 3D 坐标 表示 。 

输出 : 

P 的 重心 坐标 (相对 于 第 个 三 角形 的 3 个 顶点 ) 。 





修改 之 后 的 解决 方案 如 下 : 

1 double[3] barycentricCoordinates (double[,] vtable, 
2 int[y] ftabLle, int ts Qoublie pl31y 
3 

4 nt LO0r= fablelts Hl 

5 THE 11S ftabletti i» 

6 int i2 = ftablelt, 2]} 

吧 douBle[l;] m = new doublel[4, 3]; 

8 ter (intb Te O72 J Br IF 

9 天 到 (二 

10 m[i,j] = vtable[ttabple[rty j], i]; 
11 } 

12 mL 33] = 地 

13 } 

14 

15 k = pseudoInverse (m); 

16 return matrixVectorProduct (k, p); 


此 处 假设 矩阵 和 向 量 的 乘积 以 及 伪 道 法 的 运算 功能 已 包含 在 很 多 数值 计算 包 中 。 

当然 ， 我 们 可 以 将 上 面 的 这 两 个 计算 合并 起 来 ， 求 出 给 定 zyz 坐标 的 P 点 的 函数 值 。 

输入 : 

e 一 个 三 角形 网 格 ， 顶 点 表 vtable， 以 nX3 表格 形式 表示 。 

e 三 角形 面 片 表 ftable， 以 kX3 表格 形式 表示 ， 表 中 每 一 行 包含 3 个 指向 vtable 
的 索引 。 
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e 顶点 函数 值 表 fntable， 以 nX1 的 表格 形式 表示 。 

@ 网 格 上 的 一 点 PP， 该 点 由 其 所 在 的 三 角形 的 索引 t 和 点 的 3D 坐标 表示 。 
输出 : 

e@ fntable 所 定义 函数 在 P 点 的 值 。 


double meshinterp2 (doublel[,] vtable, int[,] ftable, double[] fntable, 
int t, double p[3]) 
{ 
double[] barycentricCoords = 
barycentricCoordinates (vtable, ftable, t, p); 
return meshinterp (vtable, ftable, fntable, t, 
barycentricCoords[0], barycentricCoords[1], barycentricCoords[2]); 


oo 直人 山 昌 一 


} 


当然 ， 相 同 的 方法 亦 可 以 用 于 7. 9. 2 节 光 线 与 三 角形 求 交 的 程序 代码 中 ， 我们 先 计算 
光线 与 三 角形 ABC 交点 Q 的 重心 坐标 (a，B，7Y)， 然 后 按 重 心 坐标 对 A、B 和 C 点 进行 加 
权 平 均 求 得 点 QQ。 假若 已 知 A、B 和 C 点 处 的 函数 值 fa4、fs 和 fc， 即 可 计算 出 Q 点 的 函 
数值 为 fa 二 afa 十 Bfs 十 Yfc。 这 意味 着 我 们 可 以 直接 计算 出 Q@ 点 的 函数 值 而 无 需 先 计算 Q 
的 空间 坐标 。 
在 2D 空间 中 计算 三 角形 ABC 内 P 点 的 重心 坐标 (a,，B， 7Y)，A，B，CE R:， 比 在 
3D 空间 要 简单 得 多 ( 见 图 9-3)。 我 们 知道 a 为 常数 的 点 组 成 的 线 与 BC 平行 。 令 n 二 (C 一 
B)- ， 则 对 于 该 线 上 任 一 点 PP，f(P)= 二 (P 一 B)，n 为 恒定 值 。 将 该 值 按 1/ f(A) 进 行 比例 
缩放 便 能 得 到 我 们 所 需要 的 函数 : 当 点 了 位 于 BC 上 时 为 0， 在 点 A 处 为 1。 故 取 
CR BY 
(A—B).n 
g(P) 的 值 即 为 a。 采 用 相同 的 计算 方法 可 以 求 出 8 和 7。 
图 9-3 为 了 将 P 写 为 aA 十 8B 十 YC 的 形式 ,我 们 
可 以 使 用 一 个 技巧 。 注 意 到 BC 上 的 点 其 
a 二 0; 而 任 一 与 BC 平行 的 直线 上 的 点 ， 其 
a 取 同 一 个 固定 值 。 故 计算 向 量 PB 在 垂直 
于 BC 的 向 量 n 上 的 投影 ; 该 投影 为 一 个 线 
性 函数 ， 它 对 与 BC 平行 的 同一 直线 上 的 
任何 点 为 定 值 。 对 这 个 函数 进行 适当 缩放 ， 
使 其 在 A 处 取 值 为 1， 即 得 到 a 函数 


g5:R: 一 了 :PP (9-11) 





其 程序 代码 如 下 : 
1 double[3] barycenter2D (Point P, Point A, Point B, Point C) 
body 

Ee 

4 double[] result = new double[3]; 

和 result [0] = helper(P，A，B，C):; 

6 result[1] = helper(P, B, C, A); 

result [2] = helper(P, C, A, B); 

8 return result; 

9 double helper (Point P, Point A, Point B, Point C) 

1Q 后 

11 Vector Dw bb = Br 

12 double 七 = n.xX; 

13 n.X = -n.Y; // rotate C-B counterclockwise 90 degrees 
14 We = Ts 

15 return dot(P 一 B, n) / dot(A 一 B, n); 





若 三 角形 是 退化 的 (例如 , 点 A 位 于 边 BC 上 )， 则 上 述 代码 中 helper 函数 的 分 母 将 为 
0; 此 时 重心 坐标 将 无 法 很 好 地 予以 定义 。 在 最 终 的 应 用 程序 中 ， 应 该 设立 对 这 类 情况 的 
检查 ; 一 旦 出 现 这 种 情况 ， 典 型 的 处 理 方法 是 将 P 表示 为 其 中 两 个 顶点 的 凸 组 合 。 





9.2.1 另 一 视角 下 的 线性 插值 


认识 插值 过 程 是 一 线性 过 程 有 助 于 理解 插值 函数 。 设 在 网 络 项 点 上 有 两 个 函数 值 的 集 
合 ， 分 别 为 {f;} 和 {g;}， 我 们 采用 函数 下 、G 分 别 对 它们 在 整个 网 格 上 进行 插值 。 如 果 插 
值 的 对 象 为 {fi 十 g;}， 则 所 对 应 的 函数 将 等 于 下 十 G。 这 就 是 说 ,我们 可 以 把 网 格 上 的 重 
心 插值 函数 视 为 一 个 在 网 格 上 连续 的 函数 而 不 是 只 在 顶点 上 取 值 的 函数 。 假 设 有 个 点 ， 
可 以 构建 一 个 函数 : 


I:R" -> C(M) (9-12) 
此 处 的 CCM) 是 在 网 格 M 上 所 有 连续 孔 数 的 集合 。 上 面 所 述 即 为 
ICr 二 g) 一 TICP 十 TCe) 《全 13) 


其 中 f 指 的 是 {fi ，f。，…，_f,) 的 集合 ，g 与 了 一 样 ; 其 他 的 线性 规则 一 一 I(af) 二 aI( 了 ) 
对 于 任意 实数 a 亦 成 立 。 

而 理解 线性 函数 的 好 的 方式 是 考察 它 对 基 函 数 施加 的 作用 。R"* 空 间 中 的 标准 基 向 量 由 
若干 元 素 组 成 ， 除 其 中 一 项 为 1 外 ， 其 余 均 为 0。 每 一 个 基 向 量 都 对 应 于 一 个 插值 函数 ， 
该 函数 除 在 顶点 v 处 取 值 为 1 外 ， 在 其 他 点 处 取 值 均 为 0( 见 图 9-4)。 故 所 对 应 的 插值 函数 
是 一 个 基 范 数 ， 其 图 形 呈 帐 禾 状 ， 在 帐篷 的 最 高 点 所 对 应 的 顶点 上 ， 基 汪 数 取 值 为 1。 








图 9-4 a) 2D 插值 基 函 数 在 其 中 心 处 旦 帐篷 状 ; b) 对 于 zy 平面 上 的 3D 网 格 , 我 们 可 以 画 出 插值 
函数 的 = 向 分 量 ， 同 样 可 看 到 中 心 呈 帐篷 状 ， 而 在 不 包含 的 三 角形 处 ， 其 值 变 为 0 . 
如 果 将 所 有 的 基 沪 数 相 加 ， 所 形成 的 插值 函数 在 所 有 顶点 处 均 取 值 为 1， 这样 就 变 成 
了 一 个 为 1 的 常 值 函数 。 其 实 这 并 不 奇怪 ， 因 为 在 每 个 三 角形 中 每 一 个 点 处 的 重心 坐标 之 
和 均 为 1。 
注意 到 这 些 帐 篷 形状 的 函数 虽然 连续 但 不 可 微分 ， 你 可 能 会 认为 其 连续 性 不 够 好 。 采 用 
如 图 9-5 所 示 的 函数 作为 基 函 数 岂 不 是 更 好 ?也 许 如 此 ,但 是 它们 难以 使 插值 函数 既 具 有 平 
滑 性 又 能 在 全 部 由 1 组 成 的 数 集 的 每 一 点 处 均 取 常数 1。 我 们 将 会 在 第 22 章 讨论 这 个 问题 。 





2 
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图 9-5 所 示 的 2D 和 3D 插值 基 函 数 比 重心 插值 函数 更 加 平滑 
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9.2.1.1 网 格 常用 术语 

本 节 介 绍 在 研究 网 格 时 常会 用 到 的 一 些 术语 。 首 先 ， 网 格 的 点 、 边 和 面 称 为 单 ( 纯 ) 
形 。 单 形 可 用 于 分 类 : 点 称 为 0- 单 形 ， 边 称 为 1- 单 形 ， 面 称 为 2- 单 形 。 单 形 具 有 各 自 的 边 
界 ， 在 网 格 中 的 2- 单 形 包 含 三 条 边 ，1- 单 形 包 含 两 个 端点 。 

一 个 星 形 项 点 ( 见 图 9-6) 指 由 包含 该 点 的 三 角形 组 成 的 集合 。 一 般 地 ， 一 个 星 形 单 形 
指 包含 该 单 形 的 所 有 其 他 单 形 组 成 的 集合 。 


a) b) | 
图 9-6 星 形 单 形 。a) 星 形 项 点 是 包含 该 项 点 的 三 角形 的 集合 。b) 星 形 边 是 包含 
这 条 边 的 两 个 三 角形 的 集合 。c) 星 形 三 角形 是 它 自 身 

星 形 顶 点 的 边界 称 为 项 点 邻接 ， 这 可 用 于 描述 上 面 提 到 的 帐篷 函数 等 函数 : 例如 帐篷 
函数 在 点 v 处 取 值 为 1， 在 wv 的 星 形 区 域内 非 零 ， 在 v 的 邻接 处 为 0。 

网 格 上 的 距离 度量 基于 连接 顶点 之 间 的 边 所 构成 的 路 径 : 顶点 vv 到 顶点 w 的 距离 为 连 
接 v 和 w 所 有 路 径 中 边 的 最 小 数目 。 与 邻接 的 所 有 顶点 与 v 的 距离 为 1 。 

与 v 不 同 距离 的 顶点 也 有 各 自 的 名 称 。1-ring 指 与 v 的 距离 等 于 或 小 于 1 的 顶点 的 集 
合 ; 2-ring 指 与 v 的 距离 等 于 或 小 于 2 的 顶点 的 集合 ， 以 此 类 推 。 


”9.2.2 扫描 线 插值 


在 图 形 中 我 们 常 需 计算 三 角形 内 每 一 点 处 的 值 ， 例 如 计算 三 角形 每 一 个 顶点 的 RGB 
颜色 ,然后 插值 出 三 角形 内 部 各 点 处 的 颜色 (车 以 计算 三 角形 每 个 顶点 的 RGB 颜色 同样 的 
方式 来 计算 每 一 内 部 点 的 颜色 值 则 代价 太 高 )。 

在 20 世纪 80 年 代 ， 当 光栅 图 形 ( 基 于 像素 的 图 形 ) 技 术 刚 1 
出 现时 ， 扫 描 线 绘制 是 流行 的 算法 。 绘 制 时 ， 依 次 处 理 屏幕 上 
的 每 一 条 水 平 线 ， 找 到 与 该 线 相交 的 所 有 三 角形 并 生成 一 行 像 
素 值 ， 然 后 扫描 下 一 行 。 通常， 新 扫描 线 相交 的 许多 三 角形 与 
上 一 条 扫描 线 是 相同 的 ， 故 许多 数据 可 以 重用 。 图 9-7 展示 了 
一 典型 情况 : 在 第 三 行 只 有 一 个 像素 与 三 角形 相交 ， 在 第 四 行 
有 两 个 像素 与 三 角形 相交 。 在 第 六 行 ， 有 三 个 像素 与 三 角形 相同 
交 ， 第 六 行 之 后 ， 相 交 的 像素 区 间 开 始 缩小 。 

插值 三 角形 内 部 各 点 颜色 值 的 一 种 方法 是 沿 着 三 角形 的 边 
对 顶点 的 RGB 值 进行 插值 ， 然 后 沿 扫描 线 对 两 端点 的 RGB 值 
进行 插值 。 

不 难 证 明 ， 上 述 方法 采用 的 插值 函数 与 我 们 之 前 介绍 的 重心 坐标 方法 是 相同 的 ( 见 练 
习 9.4)。 

现在 假设 我 们 应 用 该 方法 插值 更 有 趣 的 形状 ， 如 四 边 形 。 很 容易 看 到 图 9-8 所 示 为 两 
个 全 等 的 四 边 形 ， 按 顺 时 针 顺 序 ， 各 顶点 的 灰 度 值 均 为 0，40，0，40( 范 围 是 0 一 40)， 但 
在 P 和 已 ' 点 却 得 到 不 同 的 插值 结果 ，P 点 灰 度 值 为 20，P' 点 灰 度 值 为 40。 
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图 9-7 通过 扫描 线 处 理 
ed 


























图 9-8 所 绘制 图 中 ， 两 个 正方 形 完全 相等 ， 且 在 对 应 项 点 处 有 相同 的 灰 度 值 ， 
但 是 在 己 点 和 己 扫 描 插 值得 到 的 灰 度 值 却 不 一 样 


上 述 每 一 种 情况 的 插值 结果 看 上 去 都 没有 问题 ， 但 是 当 制 作 一 段 旋转 该 形状 的 动画 
时 ， 形 状 内 部 的 颜色 似乎 在 流动 ， 对 人 的 正常 感知 形成 了 干扰 。 

哪里 出 了 问题 呢 ? 

注意 ， 我 们 的 问题 是 : 已 知 多 边 形 各 顶点 处 的 值 ， 和 欲求 多 边 形 内 部 点 处 的 值 ， 但 最 终 
求 出 的 解 实际 上 依赖 于 生成 的 扫描 线 ， 而 扫描 线 与 问题 本 身 并 不 相关 ， 这 就 导致 了 求解 结 
果 的 不 稳定 。 难 点 源 于 求 出 的 解 并 不 是 基于 问题 本 身 的 数学 和 物理 原理 ， 而 是 为 求解 的 计 
算 过 程 所 限制 。 当 所 求解 限定 于 预先 设 定 的 那 一 类 时 ,最 佳 解 很 有 可 能 被 排除 在 外 。 当 
然 ， 有 时 我 们 确 有 很 好 的 理由 来 限制 可 行 解 。 但 一 旦 这 么 做 了 ， 就 应 该 意识 到 其 可 能 产生 
的 结果 。 我 们 将 其 归纳 成 下 面 的 原则 : 
wy 模型 区 分 原则 : 将 现象 的 数学 模型 或 者 物理 模型 和 其 用 于 求解 的 数值 模型 分 开 。 

在 对 问题 进行 计算 求解 时 通常 需 做 三 次 选择 。 第 一 是 如 何 理解 这 个 问题 ; 第 二 是 选择 
一 个 数学 工具 ; 第 三 是 选择 一 种 计算 方法 。 例 如 ， 若 想 对 海浪 进行 建 模 ， 首 先 必 须 了 解 海 
浪 的 相关 知识 。 有 测 涌 起 伏 的 波浪 ， 也 有 一 些 波 浪 达 到 波峰 后 分 裂 为 浪花 。 第 一 步 是 选择 
我 们 想 模 仿 的 波浪 类 型 。 假 设 选 择 模仿 连绵 起 伏 的 波浪 。 则 可 以 将 水 面 表示 为 函数 > 三 
f(t，x，x)，f 为 水 面 在 (x，z) 处 在 t 时 刻 的 高 度 。 海 洋 学 给 出 了 f 随 着 时 间 变 化 的 微分 
方程 。 下 一 步 是 求解 微分 方程 ， 有 很 多 可 行 的 求解 方法 ， 如 有 限 元 方法 、 有 限 差分 方法 、 
谱 方 法 ， 等 等 。 例 如 ， 可 将 f 表示 成 关于 x 和 x 的 sin 函数 和 cos 函数 乘积 的 和 ， 此 时 微 
分 方程 求解 就 变 成 了 求解 一 个 以 和 式 中 各 项 系数 为 未 知 数 的 系统 方程 组 。 如 果 只 考虑 和 式 
中 的 有 限 项 ， 这 个 问题 就 变 得 可 解 了 。 

另 一 方面 ， 一 旦 做 出 上 述 选择 ， 将 导致 如 下 影响 : 因为 在 求解 的 和 式 中 sin 或 者 cos 
函数 的 最 高 频率 已 限定 ， 因 此 可 模拟 的 波浪 的 最 小 波长 也 已 确定 。 也 许 我 们 想 采 用 该 模型 
模拟 更 小 波长 的 涟 满 ， 但 所 选取 的 数值 计算 模型 排除 了 这 种 可 能 性 。 即 使 解决 了 这 一 问 
题 ， 上 述 数 值 计算 模型 也 不 能 模拟 波浪 的 医 峰 和 浪花 飞溅 景象 。 当 然 ， 我 们 可 以 在 后 牌 处 
理 中 通过 改变 某 些 波峰 的 形状 生成 “浪花 飞溅 ”的 效果 ， 但 更 可 能 的 是 这 种 自行 调整 带 来 
的 是 问题 而 不 是 好 的 效果 。 而 且 ， 这 将 导致 系统 调试 变 得 非常 困难 ， 因 为 假如 对 于 正确 的 
解 缺 乏 一 个 清晰 的 概念 ， 将 很 难 准 确 地 判断 其 中 的 错误 。 

关于 仔细 建 模 和 将 数值 模型 和 数学 模型 分 离 的 思想 在 BarzelL Bar92] 中 有 详细 的 介绍 。 


9.3 分 段 线性 扩展 的 局 限 
将 三 角形 网 格 函 数 从 顶点 扩展 到 三 角形 内 部 的 方法 称 为 分 段 线性 扩展 。 从 基 函 数 的 帐 
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篷 状 的 图 形 不 难 想到 扩展 函数 的 图 形 也 会 有 尖锐 的 边 角 。 在 某 些 应 用 中 ， 这 些 缺 陷 可 能 会 
非常 明显 。 例 如 ， 若 在 整个 三 角形 网 格 上 对 灰 度 值 进行 分 段 线性 插值 ， 人 眼 会 党 察 到 在 三 
角形 边 处 灰 度 值 的 二 阶 不 连续 : 对 三 角形 内 部 灰 度 值 的 线性 变化 人 眼 不 觉 有 异 ; 但 对 三 角 
形 边 的 两 侧 的 灰 度 值 变 化 率 的 不 一 致 ， 人 有 眼 却 十 分 敏感 。 在 部 分 人 的 眼中 ,不 连续 处 呈 
“ 带 ” 状 ， 这 一 效应 称 为 马赫 带 效应 ( 见 1.7 节 )。 

假设 在 动画 中 已 经 计算 出 物体 在 若干 “关键 ”时 刻 的 位 置 ， 若 使 用 分 段 线性 插值 计算 
物体 在 其 他 时 刻 的 位 置 ， 其 结果 是 物体 在 各 时 间 段 内 以 恒 速 运动 ， 加 速度 为 零 ， 而 所 有 的 
加 速度 都 爆发 在 那些 “关键 ”时 刻 ， 这 是 令 人 困扰 的 。 


9.3.1 依赖 网 格 结构 

如 果 多 面体 由 非 三 角形 表面 构成 ， 可 以 对 每 一 个 面 进行 三 角 化 从 而 将 其 转化 为 三 角形 
网 格 ， 然 后 可 以 按照 上 面 所 述 方法 ， 基 于 三 角形 顶点 处 的 函数 值 对 各 三 角形 面 进 行 插值 。 
但 是 依据 表面 三 角 化 的 方式 ， 插 值 的 结果 可 能 过 然 不 同 。 这 可 以 从 一 个 简单 的 例子 ( 见 
图 9-9) 中 得 到 验证 ， 该 例 展示 了 将 在 正方 形 四 角 点 处 取 值 的 函数 扩展 到 正方 形 内 部 各 点 的 
两 种 不 同 的 方式 ， 可 以 看 出 结果 明显 依赖 于 正方 形 的 三 角 化 方式 。 





a) 


图 9-9 a) 正方 形 四 角 处 的 高 度 值 ; b) 对 四 角 处 高 度 值 进行 分 段 线性 插值 的 一 种 方式 ; 
c) 另 一 种 插值 方式 


9.4 更 平滑 扩展 


如 前 所 述 ， 基 于 网 格 项 点 处 的 函数 值 构 造 网 格 内 部 各 点 的 平滑 插值 并 非 易 事 。 难 点 之 
一 是 需要 弄 清楚 网 格 上 平滑 函数 的 含义 。 如 果 网 格 恰好 位 于 zy 平面 ， 则 很 简单 :可 以 采 
用 平面 上 平滑 性 的 一 般 定义 (存在 多 种 派生 定义 )。 但 是 ， 当 网 格 为 3D 空间 上 的 多 面体 表 
面 ( 例 如 十 二 面体 )， 如 何 度量 其 平滑 性 就 不 大 明确 了 。 

当然 ， 如 果 将 十 二 面体 更 换 成 插值 网 格 各 顶点 的 球 ， 那 么 定义 其 平滑 性 再 次 变 得 简 
单 。 十 二 面体 上 的 每 个 点 都 可 映射 为 其 包围 球体 上 的 一 个 点 (例如 ， 通 过 径 向 投影 )， 只 要 
插值 函数 在 球面 上 是 平滑 的 ,我 们 就 认为 它 在 十 二 面体 上 也 平滑 。 遗 憾 的 是 ， 找 到 一 个 插 
值 多 面体 顶点 的 平滑 形状 本 身 就 是 一 个 待 解 的 问题 : 已 知 定义 在 网 格 每 个 顶点 处 的 一 个 函 
数 (点 的 xyz 坐标)， 求 解 覆盖 三 角形 内 部 各 点 的 函数 (对 应 光滑 表面 上 点 的 zyz 坐标 )， 这 
一 天 数 正 是 我 们 所 求 的 光滑 插值 问题 的 解 。 因 此 ， 寻 找 一 个 通 近 网 格 的 平滑 形状 并 不 会 使 
问题 简化 。 

该 问题 可 通过 对 原始 表面 不 断 地 进行 细 分 生成 一 系列 网 格 得 以 部 分 解决 。 这 些 细 分 网 
格 的 极限 将 收敛 于 一 个 光滑 的 表面 ， 这 将 在 第 22 章 做 进一步 讨论 。 


9.4.1 非 凸 空间 
上 面 讨论 的 分 段 线性 扩展 技术 针对 函数 值 在 顶点 处 为 实数 的 情形 ， 很 容易 将 其 推广 到 
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顶点 函数 值 为 实数 多 元 组 的 情形 (只 需 逐 个 坐标 进行 处 理 即 可 )。 亦 可 应 用 于 其 他 凸 组 合 空 
间 ， 即 


人 (9-14) 
同样 成 立 。 例 如 ， 如 果 在 每 个 顶点 处 都 有 一 个 对 应 的 2X2 对 称 和 矩阵 ， 因 为 对 称 和 矩阵 的 凸 


组 合 仍然 是 对 称 和 矩阵 ， 故 可 以 对 这 些 矩 阵 进 行 重心 加 权 组 合 。 

遗憾 的 是 ， 在 许多 我 们 感 兴趣 的 空间 中 ， 凸 组 合 或 者 没 意 义 或 者 对 某 些 情况 无 法 定 
义 ， 典型 的 例子 是 圆 S 。 如 果 将 圆 看 作 2D 空间 R 的 子 集 ( 见 图 9-10),， 构建 两 个 点 的 凸 
组 合 是 有 意义 的 。 但 是 ， 凸 组 合 的 结果 位 于 单位 圆 盘 D CR 上， 通常 并 不 在 圆周 S 上 。 


SO 


图 9-10 a) 取 R 空间 贺 上 两 点 的 凸 组合， 其 结果 为 R 空间 的 一 个 点 , 但 是 该 点 通常 不 在 圆 上 ; 
b) 如 将 该 点 沿 径 向 投影 到 圆 上 ， 则 能 较 好 地 满足 要 求 ， 但 是 当 凸 组 合 的 结果 落 在 圆心 时 该 
值 仍 无 定义 ; c) 如 果 进 行 角度 插值 ，355 和 5 的 中 点 将 位 于 180 处 ; d) 如 果 沿 两 点 间 的 最 
短路 径 进行 角度 插值 ， 当 两 点 处 于 同一 直径 的 两 端 时 凸 组 合 的 结果 将 变 得 不 确定 

要 解决 这 个 问题 ， 可 尝试 将 该 点 “重新 投影 ”到 圆 上 ， 用 C/ 中 C1 代替 凸 组 合 点 C。 但 
当 C 位 于 圆心 时 这 一 方法 失效 ， 这 个 问题 不 是 通过 巧妙 的 编程 技巧 就 可 以 解决 的 。 

此 处 含有 相当 深刻 的 拓扑 定理 ， 如 果 

h:D* 一 S (9-15) 

S' 上 的 所 有 点 满足 h(p) 王 p， 那 么 hh 一 定 在 某 处 不 连续 。 

为 外 一 个 可 行 的 方法 是 将 点 的 值 看 作 角 度 ， 仪 仅 对 角度 进行 插值 。 直 接 这 么 做 会 导致 
某 些 奇怪 现象 : 虽然 S 上 某 两 点 非常 靠近 ( 像 350° 和 10°) 凸 组 合 产 生 的 点 却 离 两 者 都 很 远 
(本 例 中 180")。 通 过 “ 沿 短 弧 插值 ”可 以 解决 这 个 问题 ,但 却 产 生 一 个 新 问题 位 于 圆 直 
径 两 端点 之 间 的 最 短 弧 是 不 确定 的 。 

同样 ， 拓 扑 定 理 可 以 解释 这 个 问题 。 如 果 我 们 的 目标 是 只 是 确定 位 于 两 点 间 的 中 点 ， 
那 意 味 着 需 寻 找 具 有 某 种 特定 性 质 的 函数 : 

H:S!' XS!—S! (C96 
例如 ， 瑟 应 当 连 续 ， 对 每 个 点 PES 满足 及 (pp，Z) 二 pp， 因为 “点 p 和 点 g 之 间 的 中 点 ” 
与 “点 g 和 点 p 之 间 的 中 点 ”为 同一 点 ， 故 应 有 及 (pp，9q) 二 昌 (g，p)。 可 以 证 明 ， 满 足 这 
两 个 简单 条 件 的 函数 并 不 存在 。 

然而 ， 情 况 也 许 更 糟 ， 假 定 可 以 将 两 点 之 间 的 插值 函数 的 定义 域 从 网 格 的 项 点 推广 到 
网 格 的 边 ， 且 这 一 推广 已 用 某 种 方式 实现 ,我 们 是 否 可 以 将 其 继续 推广 到 三 角形 间 的 插 
值 ? 管 案 是 否定 的 。 什 么 条 件 下 存在 这 样 的 推广 ? 该 问题 的 研究 涉及 同 伦 论 ， 特 别 是 扩张 
的 障碍 理论 LMS74]。 提 到 这 些 并 非 让 读者 去 学 习 障 碍 理论 ， 而 是 因为 希望 上 面 提 到 的 理 
论 能 启示 读者 ， 不 必 费 心 寻找 方法 对 那些 值 域 不 具有 足够 简单 拓扑 结构 的 函数 进行 推广 。 


9.4.2 使 用 哪 一 种 插值 方法 好 
在 很 多 情况 下 均 可 采用 三 角形 内 部 点 的 捅 值 计 算 方 式 。 在 等 距 颜色 空间 中 ( 见 第 28 
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章 ) 对 颜色 值 进行 线性 插值 是 有 意义 的 。 但 如 果 对 单位 法 向 量 进行 插值 ， 则 线性 插值 肯定 
不 适用 ， 这 是 因为 线性 插值 获得 的 法 向 量 通 常 不 是 单位 向 量 ， 在 需要 单位 法 向 量 的 计算 中 
使 用 该 结果 ， 将 会 得 到 错误 的 答案 。 另 外 ， 如 果 函 数值 是 离散 的 ， 例 如 物体 标识 符 ， 对 其 
进行 插值 也 是 毫 无 意义 的 。 

上 述 所 述 似乎 可 导致 一 种 回答 ， 即 “取决 于 具体 情况 >。 确实 如 此 。 但 是 这 里 包含 有 
更 深刻 的 原则 : 

VY 含义 原则 : 对 于 出 现在 图 形 程序 中 的 每 个 数字 ， 需 要 知晓 该 数字 所 包含 的 语义 。 

有 时 候 数字 含义 是 通过 单位 给 出 (如 “这 个 数字 以 米 / 秒 表示 速度 ”); 有 时 候 数 字 含义 
可 以 帮助 界定 一 个 变量 取 值 的 范围 (如 “这 是 一 个 立体 角 ” ， 它 应 当 在 0~4x 守 12.5 之 间 ” 
或 者 “这 是 一 个 单位 法 向 量 ， 其 长 度 为 1.0”); 有 时 候 数 字 对 应 离散 值 (“ 以 当前 像素 为 
终点 的 路 径 数 ”)。 将 数字 的 表示 方式 和 其 含义 分 开 是 很 重要 的 。 例 如 ,我们 常 关注 的 像 
素 覆 盖 度 v( 像 素面 积 被 某 一 形状 覆盖 的 比例 )， 其 值 在 0 一 1 之 间 ， 但 有 时 会 采用 8 位 无 
符号 整 型 数 表示 a， 即 为 0 一 255 之 间 的 某 整 型 数 。 尽 管 此 时 a 为 离散 表示 方式 , 但 是 对 
两 个 覆盖 率 求 平 均值 仍 是 有 意义 的 (虽然 用 8 位 二 进 制 数字 表示 平均 数 可 能 会 导致 舍 人 
误差 ) 。 


9.5 项 点 处 定义 函数 乘 
至 今 为 止 ， 我 们 所 讨论 的 函数 均 在 每 个 项 点 处 取 单 一 值 并 需要 在 网 格 面 上 进行 插值 。 
虽然 这 是 最 常见 的 情形 ， 但 另 一 种 情况 也 经 常 
出 现 : 即 对 邻接 于 同一 顶点 的 多 个 三 角形 ， 每 
' 一 个 三 角形 在 该 项 点 处 都 有 一 个 函数 值 。 例 如 
图 9-11 所 示 彩 色 八 面体 的 每 个 三 角形 上 的 颜色 
都 是 逐渐 变化 的 ， 但 是 没有 两 个 三 角形 在 邻接 
顶点 处 颜色 相同 。 在 该 形状 上 定义 颜色 孔 数 的 
方法 是 取 比 顶点 更 大 的 定义 域 。 根据 三 角形 对 
顶点 的 包含 关系 建立 所 有 顶点 -三 角形 对 ， 即 
Q= {(v,t):v Et CVXT (9-17) 

其 中 , 和 了 分 别 是 网 格 的 顶点 集 和 三 角形 
集 。 前 面 曾 将 定义 在 顶点 集 V 上 的 函数 有 扩展 





到 网 格 上 的 所 有 点 。 现 将 函数 定义 在 Q 上 , 然 ” 图 9-11 八 面体 上 每 个 面 的 颜色 都 在 渐变 ， 
2 在 八 面体 的 每 个 项 点 处 ,需要 存储 
尼 | - 从 点 ， 对 顶点 
后 将 其 扩展 到 网 格 上 的 所 有 点 。 例 如 ， 对 项 ， 4 个 不 同 的 颜色 值 


为 i、7、 上 & 的 三 角形 :1， 三 角形 内 的 任 一 点 的 值 
可 通过 对 值 h(i，1)、h(j，1)、h(k， 17) 进行 重心 插值 。 
这 里 有 一 个 重要 的 问题 : 边 (i，j) 上 的 点 为 两 个 不 同 三 角形 所 共有 ， 那 么 它 的 颜色 值 
应 该 是 多 少 ? 答案 是 “取决 于 具体 情况 ”。 从 严格 的 数学 角度 看 ， 不 存在 单一 的 正确 答案 ， 
即 一 个 颜色 值 与 某 一 面 的 颜色 插值 相关 ， 而 男 一 个 颜色 值 与 该 边 邻接 的 男 一 面 的 颜色 插值 
相关 ， 没 有 一 个 可 内 定 为 “正确 ” 值 。 我 们 能 够 做 的 就 是 在 下 面 的 域 上 定义 一 个 插值 函数 
U={(P,D:PEtCMXxXT COL 
此 处 ,，P 是 网 格 M 上 的 一 个 点 。 即 对 于 点 P 和 包含 它 的 每 一 个 三 角形 1， 可 以 得 到 值 





日 ”立体 角 将 在 第 26 章 讨论 。 
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h(P，t)。 因 为 大 多 数 点 只 在 一 个 三 角形 中 ， 所 以 第 二 个 参数 通常 是 多 余 的 。 对 于 那些 位 
于 多 于 一 个 三 角形 中 的 点 ， 其 函数 值 基于 当前 考虑 的 三 角形 定义 。 


9.6 应 用 : 纹理 映射 


我 们 在 第 1 章 提 到 ， 描 述 模 型 的 信息 中 不 仅 有 几何 信息 ， 而 且 有 纹理 信息 : 对 物体 上 
每 一 个 点 ， 都 可 以 关联 若干 属性 (表面 颜色 是 常见 的 一 种 属性 )， 用 于 对 物体 的 绘制 。 从 宕 
观 上 看 ， 所 绘制 像素 的 颜色 基于 对 像素 处 可 见 物 体 信息 的 计算 。 例 如 ， 对 一 网 格 三 角形 ， 
通常 根据 三 角形 的 法 向 计算 其 中 任 一 点 在 场景 光照 下 的 光亮 度 。 在 一 些 情形 中 ， 整 个 三 角 
形 可 能 赋予 单一 颜色 值 (即位 于 白光 照射 下 )， 但 在 另 一 些 情 形 中 ， 三 角形 的 每 个 顶点 都 赋 
予 一 个 颜色 ， 然 后 通过 插值 计算 出 所 关注 点 的 颜色 值 。 然 而 更 多 时 候 ， 三 角形 顶点 被 关联 
于 纹理 图 (通常 为 一 nXk 的 图 片 ) 上 的 给 定位 置 ， 三 角形 可 以 想象 成 被 拉 伸 和 形变 后 放置 
在 图 片上 ， 这 样 ， 关 注 点 的 颜色 便 由 其 在 纹理 图 上 对 应 位 置 处 的 颜色 值 决定 ， 如 图 9-12 
所 示 。 


图 9-12 三 角形 T= AABC 中 的 点 PP 的 颜色 是 由 
纹理 图 决定 。 如 图 中 箭头 ,点 A、B、C 
的 颜色 由 棋盘 图 片上 相应 点 的 颜色 确定 。 
点 对 应 于 白色 方块 中 的 一 点 ， 所 以 它 
的 纹理 颜色 为 白色 





9. 6. 1 纹理 坐标 赋值 

当 提 到 三 角形 顶点 被 关联 于 纹理 图 上 的 某 些 位 置 时 ， 不 免 会 问 :“ 它 们 是 如 何 关联 
的 ?”。 答 案 是 :“ 由 建 模 的 人 自行 定义 ”。 有 一 些 很 容易 实现 关联 的 简单 模型 。 例 如 ， 有 一 
个 nXk 的 三 角形 网 格 ， 如 图 9-13 左 图 所 示 ， 其 中 ，? 一 6，A 一 8， 通 过 下 面 设 置 可 以 将 该 


网 格 的 每 个 顶点 (i， 站 与 3D 空间 的 一 个 点 进行 关联 : 

0= 2n/(k— 1) C9=19) 
ee de (9-20) 
X= cos(0)cos($) (9-21) 
Y = sin($) (9-22) 
Z = sin(0)cos($) (9-23) 

1 

QS 

0 

—0.5 





-1 0 1 
图 9-13 地球 纹 理 映射 


9 和 # 分 别 代表 经 度 和 纬度 ， 所 生成 的 近似 球体 如 图 9-13 中 图 所 示 。 现 有 一 个 分 辩 率 为 
100X200 的 “未 经 投影 ”的 地 球 纹 理 图 (其 纵 坐 标 正 比 于 纬度 ， 横 坐标 正比 于 经 度 )。 将 
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位 置 (i， 站 处 的 顶点 关联 纹理 坐标 100i/(n 一 1)，200j/(k 一 1)， 所 生成 的 贴 有 纹理 图 的 地 
球 如 图 9-13 右 图 所 示 。 

在 本 例 中 ， 网 格 的 构建 方式 使 得 我 们 可 以 自然 地 建立 其 纹理 坐标 。 这 种 方法 的 麻烦 之 
处 在 于 : 纹理 坐标 取决 于 我 们 所 采用 的 世界 地 图 图 片 的 像素 分 辨 率 。 如 果 对 目前 创建 的 形 
状 不 大 满意 ， 可 以 采用 更 高 精度 的 图 片 ， 但 是 这 将 导致 纹理 坐标 也 得 变 。 因 此 ， 纹理 坐 标 
通常 被 指定 为 0 一 1 之 间 的 数 ， 表 示 以 图 片 从 底 至 上 或 者 从 左 至 右 的 幅 长 为 单位 ， 相 应 点 
在 图 片上 的 具体 位 置 。 这 意味 着 ,纹理 坐标 (0. 75，0. 5) 在 纹理 图 片 (忽略 大 小 ) 上 的 对 应 
点 将 位 于 由 底部 到 顶部 的 四 分 之 三 和 由 左 侧 到 右 侧 的 二 分 之 一 处 。 

一 般 将 纹理 坐标 命名 为 和 vw， 这 样 一 来 ， 一 个 典型 的 顶点 将 具有 5 个 属性 : zx、y、 
z、z 和 wv， 有 时 纹理 坐标 也 称 作 uv 坐标 。 


9. 6.2 纹理 映射 细节 


假设 网 格 上 每 个 顶点 的 纹理 坐标 均 为 已 知 ， 如 何 确定 三 角形 内 任 一 位 置 处 的 纹理 坐标 
呢 ? 可 采用 本 章 介 绍 的 插值 技术 ， 逐 个 坐标 进行 计算 。 例 如 ， 已 知 每 个 顶点 的 x 坐标 ， 因 
每 个 顶点 上 的 zx 坐标 为 实 值 ， 故 可 在 网 格 上 的 每 个 点 唯一 地 定义 一 分 段 线性 函数 : 设 己 为 
三 角形 ABC 内 的 点 ， 顶 点 A、B、C 的 xz 坐标 分 别 为 wa、xs 和 zc， 可 以 使 用 重心 坐标 来 
确定 点 了 的 wu 坐标 值 。 我 们 将 点 已 表示 成 以 下 形式 
卫生 aoA 十 8B 十 7XC (9-24) 
则 
ul(P) = auatpBustyuc (9-25) 
对 v 坐标 执行 相同 的 操作 ， 这 样 就 唯一 地 确定 了 点 了 的 uv 坐标 。 
如 果 三 角形 ABC 覆盖 许多 像素 ， 则 需 逐 个 像素 地 确定 其 重心 坐标 ， 计 算 重 心 坐标 与 
顶点 纹理 坐标 的 加 权 和 ， 上 述 计 算 将 执行 多 次 。 幸 运 的 是 ,像素 间 的 均匀 间距 使 得 这 些 重 
复 计算 很 容易 在 硬件 上 实现 ,详情 请 见 第 38 章 。 


9. 6.3 纹理 映射 问题 


如 果 三 角形 的 纹理 坐标 覆盖 了 纹理 图 片上 的 大 片区 域 ， 但 绘制 时 三 角形 本 身 在 最 终 画 
面 上 只 占 相 对 较 小 的 部 分 ， 那么 最 终 画 面 中 三 角形 所 覆盖 的 每 个 像素 ( 即 一 小 方块 ) 将 对 应 
纹理 图 片 中 多 个 像素 。 现 在 的 做 法 是 : 对 最 终 图 像 上 每 个 像素 ， 找 出 纹理 图 片上 与 之 对 应 
的 单个 点 ， 但 是 正确 的 做 法 似 应 混合 其 覆盖 的 多 个 纹理 像素 取 其 综合 后 的 结果 。 不 然 就 会 
导致 纹理 走样 ， 对 此 将 在 第 17、20、38 章 做 进一步 讨论 。 但 如 果 对 每 个 待 绘制 的 像素 进 
行 纹理 像素 混合 ， 纹 理化 过 程 将 变 得 非常 慢 。 解 决 这 个 问题 的 方法 之 一 是 进行 预计 算 ， 我 
们 将 会 在 第 20 章 讨论 一 种 具体 的 预计 算 方 式 一 一 MIP 映射 。 


9.7 讨论 

这 一 章 的 核心 思想 很 简单 所 以 很 多 图 形 学 研究 者 并 不 注意 它 : 基于 每 个 三 角形 的 重心 
坐标 将 网 格 顶 点 处 的 实 值 函 数 分 段 线 性 地 扩展 为 整个 网 格 上 的 实 值 函 数 。 假 设 三 角形 的 顶 
点 为 九 、v;、w， 分 别 取 值 f、f;、f， 三 角形 内 一 点 的 重心 坐标 为 c;、c;、c， 那 么 该 点 
的 值 为 c;f; 十 cjfj; 十 c.f。 从 三 角形 项 点 扩展 到 三 角形 内 部 已 成 为 理所当然 ， 所 以 在 难以 





加 ” 若 纹理 图 片 中 的 像素 按 从 上 至 下 的 顺序 进行 索引 ， 则 此 处 亦 应 为 "从 上 至 下 ”。 





计数 的 图 形 学 论文 中 甚至 都 未 曾 提 及 。 也 有 将 顶点 的 值 扩 展 到 整个 三 角形 网 格 上 的 另外 一 
些 方法 ， 将 在 第 22 章 作 进一步 讨论 ， 但 是 分 段 线性 插值 方法 仍然 是 最 主流 的 方法 。 

分 段 线 性 插值 方法 对 其 他 值 域 (例如 ，R’ 或 Ri) 上 的 函数 同样 有 效 ， 只 要 这 些 值 域 支 
持 “ 凸 组 合 "。 对 于 不 支持 “ 凸 组 合 ” 的 值 域 ( 像 圆 ,或 球 , 或 3X3 的 旋转 矩阵 )， 也 许 不 
存在 将 其 扩展 到 三 角形 上 的 合理 方式 。 

以 抽象 的 方式 讨论 诸如 项 点 插值 这 类 问题 可 以 不 涉及 因 具 体 实现 方式 而 导致 的 衍生 问 
题 。 假 如 我 们 讨论 如 何在 GPU 上 通过 插值 将 采用 8 位 整 型 数 表示 的 项 点 的 值 扩展 到 三 角 
形 内 ， 则 很 可 能 为 插值 对 象 的 低位 数 表示 所 分 心 ， 而 不 会 从 宏观 上 理解 问题 并 且 根 据 具 体 
的 约束 条 件 调整 解决 问题 的 方案 。 这 是 近似 求解 原理 的 另 一 例证 。 

分 段 线性 插值 的 重要 应 用 之 一 是 纹理 映射 ， 其 中 ， 网 格 表 面 的 属性 关联 于 每 个 顶点 
上 ， 然 后 在 三 角形 内 对 这 些 属性 值 进行 线性 插值 。 如 果 属 性 值 为 “映射 点 在 纹理 图 片上 的 
位 置 *， 那 么 插值 结果 将 会 为 物体 添加 具有 丰富 细节 的 色彩 ， 这 将 在 第 20 章 详细 讨论 。 


9.8 练习 


9.1 本 章 描述 的 基 函 数 ( 图 9-4a) 不 仅 对 应 R" 的 基 ， 而且 它们 构成 男 一 个 向 量 空间 一 一 所 有 在 定义 域 
L1, nj] 上 连续 的 函数 向 量 空间 的 子 空间 的 基 。 为 了 证 实 这 一 论断 ， 证 明 这 些 基 函 数 实际 上 是 线性 无 
关 的 。 

9.2 (a) 绘制 一 个 四 面体 ， 选 一 个 项 点， 画 出 它 的 邻接 点 和 星 形 域 。 假设 v 和 w 是 四 面体 上 的 不 同 顶 

点 ， 求 的 星 形 域 和 ww 的 星 形 域 的 交 。 
(b) 绘制 一 个 八 面体 ， 设 wv 是 顶部 项 点 ，w 是 底部 顶点 ， 回 答 上 述 问 题 。 

9.3 设 一 流 形 网 格 包含 顶点 、 边 、 三 角形 和 四 面体 ， 该 网 格 可 以 称 为 实体 网 格 而 不 是 表面 网 格 。 取 网 格 
上 的 一 个 非 边界 顶点 ， 该 顶点 的 星 形 域 具有 怎样 的 拓扑 结构 ? 该 顶点 的 邻接 点 又 具有 怎样 的 拓扑 
结构 ? 

9.4 证 明 在 三 角形 内 采用 扫描 线 方法 和 采用 重心 方法 进行 插值 的 结果 是 一 致 的 。 提 示 : 如 果 三 角形 在 
zy 平面 上 ， 那 么 两 种 方法 定义 的 函数 均 具 有 F(z，y)=Az 十 By 十 C 形式 。 假 设 两 函数 在 三 角形 的 
三 个 顶点 处 取 相 等 的 值 ， 解 释 为 什么 它们 在 三 角形 内 的 所 有 点 也 一 定 有 相等 的 值 。 


念 9.5 公式 (9-16) 的 函数 防 不 可 能 存在 ， 下 面 是 一 条 理由 。 假 设 及 存在 ， 可 以 定义 一 个 新 函数 


K:[0,2x] Xx [0,2x] —> [0,2x]:(0,$) HOO,P) (9-26) 
此 处 ， 区 间 [0，2xj 上 的 数字 0 对 应 圆 S 上 的 点 (cosg，sing) 。 现 在 ， 考 虑 在 开 的 定义 域内 由 (0，0) 


到 (2r，0)，(2r，0) 到 (2r，2r) 和 (2r，2r) 到 (0，0) 这 三 条 直线 构成 的 环 路 。 

(a) 画 出 这 条 路 径 。 

(b) 对 路 径 上 每 个 点 p，K(p) 为 圆 S$ 上 对 应 的 点 ,将 K 局 限于 这 条 路 径 上 将 给 出 该 路 径 到 圆 $ CC 
R 的 映射 。 可 以 计算 该 路 径 关于 2D 空间 中 原点 的 绕 数 。 基 于 关于 日 的 假设 ,解释 为 什么 该 路 
径 前 两 部 分 的 绕 数 必定 相等 。 

(c) 解释 为 什么 最 后 部 分 的 绕 数 必定 为 1。 

(d) 推导 出 结论 : 总 的 绕 数 必定 为 奇数 。 

(e) 现 将 三 角形 环 路 朝 三 角形 中 心 收 缩 ， 其 绕 数 将 是 一 关于 三 角形 大 小 的 连续 的 整数 值 函 数 。 为 什 
么 这 意味 着 绕 数 必须 是 常数 ? 

(f) 当 三 角形 收缩 到 一 点 时 ， 解 释 此 时 绕 数 必定 为 0。 

Cg) 解释 为 什么 这 是 一 个 矛盾 。 

9.6 使 用 2D 测 试 平 台 编写 程序 进行 纹理 映射 实验 。 左 侧 10X10 方 格 上 显示 100X100 的 棋盘 格 图 。 在 
它 上 面 ， 绘 制 一 个 顶点 可 拖 搜 的 三 角形 。 右 侧 100X 100 的 小 方形 网 格 (代表 显示 像素 ) 上 绘制 一 个 
固定 的 等 边 三 角形 。 对 每 个 显示 像素 ,计算 和 存储 像素 中 心 点 在 等 边 三 角形 内 的 重心 坐标 。 取 三 
个 可 拖 搜 的 顶点 在 棋盘 格 图 片上 的 位 置 作 为 纹理 坐标 ， 计 算 等 边 三 角形 内 每 个 显示 像素 中 心 的 uv 
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坐标 ， 然 后 基于 其 uv 坐标 从 棋盘 纹理 图 片 读 取 每 个 像素 的 颜色 值 ( 见 图 9-14)。 分 别 将 等 边 三 角 
形 映射 到 纹理 图 片上 较 小 的 三 角形 、 较 大 的 三 角形 、 高 而 狭窄 的 三 角形 上 。 你 观察 到 什么 问题 
了 吗 ? 


ot 





图 9-14 练习 9.6 的 纹理 映射 程序 的 屏幕 截图 ， 包含 纹 理 图 片 (位 于 左 侧 )、 一 个 大 三 角形 以 及 该 
角形 的 项 点 在 纹理 图 片上 的 纹理 坐标 ， 三 角形 内 部 点 纹理 化 的 结果 如 右 侧 所 示 


9. 7 ”假设 平面 上 有 一 条 由 点 P，,，P;，…，P, 组 成 的 折线 段 ， 现 需要 对 它 进行 “ 重 采样 "， 设 在 每 条 边 

上 等 间距 地 放置 多 点 ，Q = 二 Po，…，Q 一 P,， 共 上 十 1 个 点 。 

(a) 编程 实现 : 首先 计算 折线 段 的 总 长 度 工 ;然后 沿 折线 段 均匀 地 放置 点 Q. 使 其 间距 为 L/k。 这 将 
需要 在 原始 折线 段 的 每 个 顶点 处 进行 特殊 处 理 。 

(b) 当 完成 时 ， 如 果 n 和 近似 相等 ， 你 会 注意 到 原始 折线 段 的 很 多 “ 角 ” 被 截 去 。 很 自然 地 会 
说 ,“ 希 望 均匀 采样 点 中 包含 所 有 原始 顶点 !” 一 般 而 言 ， 这 是 不 可 能 的 ， 但 是 可 以 想法 近似 。 
假设 原始 折线 段 中 的 最 短 边 长 度 为 s， 证 明 : 可 以 在 原始 折线 段 上 放置 包括 点 PE ，…，P, 在 内 
的 大 约 L/s 个 点 Q,，Qi ，… 相 邻 点 之 间 最 大 间距 与 最 小 间距 比值 不 超过 2. 





(c) 如 前 方式 放置 CL/s 个 点 且 C 大 于 1， 试 估计 出 最 大 间距 和 最 小 间距 的 比值 . 
9.8 考虑 区 间 [p, gq](p 冯 gq)， 取 al(z) 一 2 一 了， BCz) 一 性 = 则 称 a 和 8 为 x 的 重心 坐标 。 


(a) 证 明 : 如 果 xE[p,， gq]， 那么 a(x) 和 B(x) 都 在 0 一 1 之 间 。 
(b) 证 明 : aCz) 十 BCz) 王 1。 


命 〈c) 显然 ,a 和 8 亦 能 定义 在 实 轴 的 其 他 区 间 ， 其 定义 依赖 于 p 和 g， 可 将 它们 称 作 a 和 8B， 设 在 
另 一 区 间 [Lp'，gq' ] 上 定义 相应 的 重心 坐标 。 请 问 : a (7) 和 ap, (7x) 如 何 关联 ? 
9.9 假设 在 3D 空间 中 有 一 个 顶点 为 Pu 、P 、P; 的 非 退 化 三 角形 ,向量 v= 二 Pi 一 Po 和 向 量 v; 二 P; 一 P 
均 非 零 且 不 平行 。 此 外 ,假设 在 三 个 顶点 处 分 别 取 值 f,。，f1 ，Jf: ER。 对 某 一 向 量 w， 三 角形 上 点 
的 重心 插值 将 定义 如 下 形式 的 函数 
ACPY = 十 《P= Pj)sW (9-27) 


可 通过 以 下 两 步 中 看 出 这 一 点 : 首先 计算 向 量 w 的 一 个 可 能 值 ， 然 后 证 明 w 取 该 值 时 ， 隐 数 f 在 





顶点 处 的 值 即 为 顶点 处 的 关联 值 。 
(a) 证 明 : 为 使 公式 (9-27) 中 定义 的 函数 满足 FCP) 一 户 ，jCP:) 一 户 ， 向 量 w 必须 满足 mw， 也 二 
A 2 
(b) 设 和 矩阵 5 的 列 向 量 为 vw, 、vs。 证 明 : (a) 中 的 条 件 能 写成 如 下 形式 
ST = [| (9-28) 
所 以 ， 向 量 w 也 必须 满足 
A F=f e 
SS w=s| 史 = | (9-29) 


(c) 解释 为 什么 S'S 一 定 可 道 。 
疆 论 . 2 Ty—1 有 二 大 
(d) 推导 结论 : w==(SS7) | 
(e) 验证 : 如 果 使 用 向 量 w 的 这 个 公式 ,那么 f(P;)= 二 fi(i 二 0,，1,，2)。 
(f) 假设 w' 二 w 十 an， 其 中 n= 二 vi X vw 为 三 角形 的 法 向 量 。 证 明 : 在 公式 f 中 用 向 量 w' 代 替 w， 仍 
然 满足 f(P;)==fi(i=0,，1，2)。 
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10.1 引言 

在 第 2 章 和 第 6 章 中 看 到 ， 将 一 个 具有 几何 模型 的 物体 放 和 人 某 场 景 时 ， 通 常 需 要 做 三 
件 事 : 将 该 物体 移动 到 某 一 位 置 ， 对 该 物体 进行 缩放 使 其 与 场景 中 其 他 物体 的 大 小 相 匹 
配 ， 对 该 物体 进行 旋转 直至 它 具 有 正确 的 朝向 。 这 些 操 作 ( 移 动 、 缩 放 、 旋 转 ) 是 每 个 图 形 


系统 的 基本 操作 。 缩 放 和 旋转 都 属于 对 物体 顶点 坐标 的 线性 变换 。 回 顾 一 下 线性 变换 : 
T:R 一 R CLO 


对 于 2D 空间 R* 中 任意 两 个 向 量 v、w 和 任意 实数 a， 线性 变换 本 可 表示 为 T(v 十 aw) 王 
T(v) 十 aT(w)。 直 观 地 说 ， 在 线性 变换 下 ， 直 线 保 持 不 变 ， 原 点 保持 不 动 。 

课 内 练习 10. 1: 假设 全 为 线性 变换 。 在 其 线性 定义 中 ,a 二 1 意味 着 什么 ? v= 二 0 又 意 
味 着 什么 ? 

课 内 练习 10. 2; 我 们 说 线性 变换 “保持 直线 ”是 指 : 如 果 构成 一 条 直线 ， 则 变换 后 
的 点 集 T(C) 也 位 于 某 条 直线 上 。 你 有 理由 认为 ， 既 然 工 (b) 必须 是 一 条 直线 ， 但 那 意味 着 
有 些 变换 ， 例 如 ,“ 将 所 有 点 垂直 投影 到 工 轴 ”， 不 能 被 认 作 线 性 变换 。 对 于 这 种 特定 的 投 
影 变换 ， 试 描述 一 条 直线 C， 其 T(C) 包 含 在 一 条 直线 内 ， 但 本 身 不 是 一 条 直线 。 

线性 定义 保证 ， 对 于 任意 线性 变换 工 ， 都 有 T(0) 二 0: 当 vw 二 w= 二 0, a 二 1 时， 有 

T(0) =T(0 十 10) = T(00) ++1T(0) = T(0) + T(O0) (10-2) 

等 式 最 左边 和 最 右边 都 减 去 T(0) 后 ， 得 到 0 二 T(0)。 这 意味 着 ,平移 (将 平面 上 的 每 个 点 
移动 相同 的 距离 ) 并 不 属于 线性 变换 ， 但 平移 向 量 为 零 的 特殊 情况 除外 ， 此 时 变换 后 平面 
上 所 有 的 点 位 置 保持 不 变 。 很 快 我 们 会 介绍 一 个 小 技巧 : 将 一 个 欧 几 里 得 平面 ( 非 z=0 平 
面 ) 放 入 3D 空间 中 ， 可 以 发 现 3D 空间 中 的 某 些 线性 变换 最 终 相 当 于 在 这 个 平面 上 进行 平移 。 

目前 我 们 暂时 只 关注 于 平面 上 的 线性 变换 ， 并 假设 你 对 线性 变换 已 有 所 熟悉 ; 毫 无 疑 
问 ， 作 为 一 个 认真 的 计算 机 图 形 学 专业 的 学 生 ， 在 某 种 意义 上 都 应 该 用 心 学 习 线 性 代数 。 
只 要 具备 这 一 学 科 一 定 程度 的 知识 ， 就 能 学 习 很 多 的 图 形 学 内 容 。 下 面 简要 概述 本 章 内 容 。 

在 开始 几 节 中 ,我们 会 采用 大 多 数 线性 代数 教科 书 中 的 约定 : 向 量 为 从 原点 发 出 的 箭 
头 ， 向 量 | “| 等 同 于 点 (u，w) 。 稍 后 ， 我 们 会 对 向 量 和 点 加 以 区 草 。 

对 于 任何 2X2 和 矩阵 M， 函 数 w Mw 为 R* 到 及 : 的 一 个 线性 变换 ， 我 们 将 其 称 为 矩 
阵 变换 。 在 本 章 中 ,我 们 将 详细 地 考察 5 个 矩阵 变换 实例 ， 概 要 地 学 习 和 矩阵 变换 ; 并 引入 
一 种 可 将 平移 融入 矩阵 变换 格式 中 的 方法 ; 然后 将 上 述 思想 用 于 物体 的 变换 和 坐标 系 的 转 
换 ; 最 后 回 到 第 2 章 提 到 的 钟表 例子 ， 看 一 下 这 些 思想 的 实用 效果 。 


10.2 5 个 实例 
首先 介绍 5 个 平面 线性 变换 的 实例 ， 依 次 记 作 Tl ，…，T,。 
例 1: 旋转 放大 三 | 2 We 并 且 


sin 30” cos 30” 








5 > 川 这 部 cos 30"  —#sin 30 | 去 
TR Re [ml |= : 3 | | C1O0=3» 
y y sin 30 COs 30 JULY 


COS 河 


回想 一 下 ， 我 们 曾 采用 。 表示 向 量 | - | ，e 表示 向 量 | ”| 在 五 中 ，。 被 变换 到 | '、 





一 Sin 30” 
@, 被 变换 到 | 2 | ， 分 别 为 工 轴 和 y 轴 逆 时 针 旋 转 30 后 的 两 个 向 量 ( 见 图 10-1)。 
水 
旋转 后 





图 10-1 旋转 30” 


例子 中 的 30" 并 没有 任何 特殊 的 含义 ; 通过 替换 任意 一 个 角度 ， 就 能 创建 一 个 将 物体 
逆 时 针 旋 转 该 角度 的 变换 。 

课 内 练习 10.3: 写 出 变换 和 矩阵， 将 平面 内 所 有 物体 逆 时 针 旋 转 180 。 给 出 具体 的 sin 
和 cos 函数 值 ， 使 你 答案 中 的 矩阵 元 素 为 具体 数值 。 将 这 一 变换 作用 于 单位 正方 形 的 各 个 
角 站 C0007 CL5 93. (0 JDs 《I 0s. 冶 出 变换 东兴 3 


3 
例 2: 非 均匀 缩放 设 M:=|， i 并 且 


| 实 3 QW 小 放 3 二 
i an 
y y 0 2JLy 2y 


该 变换 将 每 一 个 物体 在 x 轴 方 向 拉 伸 了 3 倍 ， 在 y 轴 方 向 拉 伸 了 2 倍 ， 如 图 10-2 所 
示 。 如 果 两 个 方向 的 拉 伸 倍数 都 等 于 3， 则 称 该 变换 “将 物体 放大 3 倍 ”， 因 而 为 均匀 缩放 
变换 。T, 表示 的 是 更 一 般 的 情形 : 各 方向 上 的 缩放 倍数 并 非 一 致 ， 故 称 为 非 均 匀 缩 放 变 
换 ， 非 正式 场合 也 叫 作 非 均匀 缩放 。 


y 
人 











全 四 7 7 
2 > XxX 








站 v 


变换 前 变换 后 
图 10-2 TT 在 工 轴 方 向 拉 伸 3 倍 ，y 轴 方 向 拉 伸 2 们 
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我 们 对 上 例 作 进一步 扩展 : 采用 别 的 数值 来 取代 矩阵 对 角 线 上 的 2、3， 则 可 以 沿 每 个 
坐标 轴 方 向 放大 任意 倍数 ， 包 括 零 或 者 负数 倍 。 

课 内 练习 10. 4: 写 出 缩放 倍数 为 一 1 的 均匀 缩放 矩阵。 该 结果 和 课 内 练习 10. 3 的 结 
果 有 何 关 联 ? 为 什么 ? 

课 内 练习 10.5: 写 出 沿 工 方向 缩放 倍数 为 0，y 方向 缩放 倍数 为 1 的 矩阵。 描述 该 矩 
阵 变换 作用 于 图 中 的 房子 产生 的 效果 。 


FE 
例 3: 错 切 设 M, 一 | os 并 且 


Po 歼 | val se 本 
T3::R- —R’. -= M; = = (10-5) 
y 2 9 y 


如 图 10-3 所 示 ， 在 T， 变换 下 ,物体 上 各 点 的 高 度 保持 不 变 , 但 沿 x 轴 方 向 平行 移 
动 ， 移 动 距离 决定 于 该 点 的 y 坐标 值 ， 显 然 x 轴 上 的 点 保持 不 动 。 这 类 变换 称 为 错 切 


变换 
了 区 
pe a 
变换 前 变换 后 


图 10-3 ” 错 切 变换 T， 
课 内 练习 10.6: 推广 上 述 变 换 , 使 y 轴 上 的 点 保持 不 动 ， 其 他 点 沿 垂直 方向 发 生 错 切 。 


= 
例 4， 一 般 变 换 设 M,=| ， ,| 并 且 


> 元 由 直下 有 
a oo 
2 2 2 2JLy 


图 10-4 演示 了 T, 的 变换 效果 ， 可 以 看 到 房子 发 生 了 扭曲 ， 而 并 不 仅仅 是 旋转 或 缩放 
或 沿 着 坐标 轴 的 错 切 。 


变换 后 
图 10-4 一 般 变换 。 房 子 严重 扭曲 ， 很 难 使 用 之 前 采用 过 的 简单 方法 实现 








2 设 


i a 获 = 闹 
TR Rl | | ,| |= 区 治 ie 
如 图 10-5 所 示 ， 之 所 以 称 该 变换 为 退化 变换 ， 是 因为 T 将 2D 平面 变换 为 1D 子 空 
间 ， 即 退化 为 一 条 直线 。 定 义 域 中 的 点 和 值 域 中 的 点 的 一 一 对 应 关系 被 破坏 : 值 域 中 的 一 
些 点 不 再 对 应 定义 域 中 的 任何 点 ， 而 另 一 些 点 却 对 应 于 定义 域 中 的 多 个 点 。 这 种 变换 也 称 
为 奇异 变换 ， 定义 中 的 矩阵 也 称 为 奇异 和 矩阵。 熟悉 线性 代数 的 人 可 知 ， 它 与 以 下 表述 等 


Wi = 
价 :M; 一 | 。 _， 的 行列 式 等 于 0， 或 者 列 向 量 线性 相关 ， 


» 
内 人 4 











变换 前 变换 后 
图 10-5 退化 变换 ，T; 


10.3 关于 变换 的 重要 事实 

本 节 中 我 们 将 描述 从 R 一 R 的 线性 变换 的 一 些 重 要 性 质 。 之 所 以 说 这 些 性 质 很 重要 ， 
部 分 原因 是 它们 可 以 被 推广 到 (以 某 种 形式 ) 从 R -~ 了 R' 的 所 有 线性 变换 上 ， 其 中 入 可 
为 任意 值 。 我 们 更 多 关心 的 是 n、& 的 取 值 在 1~4 之 间 的 情形 ， 本 节 主 要 考虑 "一 A 一 2 的 
情形 。 


10. 3.1 与 矩阵 相 乘 为 线性 变换 


设 M 为 2X2 的 和 矩阵， 函数 Tw 被 定义 为 : 
Tvw:R -一 R :x Mx (10-8) 
注意 Tw 为 线性 函数 ， 上 节 中 的 5 个 实例 演示 了 其 线性 性 质 。 
对 于 非 退 化 变换 ， 如 同 一 T,， 直 线 变 换 之 后 仍然 是 直线 。 而 退化 变换 则 可 能 将 一 


pb 
条 直线 变 成 为 一 个 点 。 璧 如， 将 形 如 | ”| 的 向 量 所 组 成 的 直线 变换 为 零 向 量 ， 
因为 与 矩阵 M 相 乘 总 是 对 应 一 个 线性 变换 ， 我 们 称 Tw 为 与 矩阵 M 相关 联 的 变换 。 


10. 3.2 与 矩阵 相 乘 为 唯一 的 线性 变换 


可 证 明 R" 中 ， 对 于 每 个 线性 变换 工 ， 都 存在 一 个 矩阵 M， 使 TIx*)= 王 Mx， 这 意味 着 每 
个 线性 变换 都 是 一 个 矩阵 变换 。 在 10. 3. 5 节 中 ， 我 们 将 看 到 : 对 一 个 给 定 的 工 如 何 找到 
M( 即 使 工 已 表示 成 其 他 形式 )。 它 证 明了 ， 和 矩阵 M 完全 由 变换 工 确定 ， 我 们 称 之 为 与 变 
换 相 关联 的 矩阵 。 
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作为 一 个 特殊 的 例子 ， 和 矩阵 工 对 角 线 元 素 值 为 1， 其 余 的 矩阵 元 素 值 都 为 0， 这 是 一 
个 单位 矩阵 。 与 矩阵 工 相关 联 的 变换 为 
T(x) = (10-9) 
这 个 变换 特殊 之 处 在 于 : 在 变换 过 程 中 每 个 向 量 x 均 保 持 不 变 。 
课 内 练习 10.7: 单位 和 矩阵 可 为 任意 大 小 ， 例 如 ，1X1 单 位 和 矩阵，2X2 单位 矩阵 ， 等 
等 。 请 写 出 前 三 个 单位 和 矩阵 的 具体 形式 。 


10.3.3 函数 组 合 和 矩阵 乘法 的 关系 


设 M、K 为 2X2 和 矩阵 ， 则 他 们 定义 了 相关 变换 Tw 和 了 了:， 将 其 组 合 起 来 ， 可 得 到 一 
个 新 的 变换 : 


TwoTr:R 一 R2:X +> Tu(Tx(x))= Tu (Kx) (10=10» 
= M(Kx) CHOSIL 
= (MK)x (L1012> 
= Tux (XxX) CLOLSY 


换 名 话说， 组 合 之 后 的 变换 也 是 一 个 矩阵 变换 ， 相 关 的 矩阵 为 ME。 注意 对 于 变换 
Tu(Txk(x))， 首 先 执 行 变换 Tk 。 举 个 例子 ， 实 施 变换 T 5 Ts 时， 将 首先 对 房子 进行 错 
切 变换 ， 然 后 对 错 切 变换 后 的 结果 进行 非 均 匀 缩 放 。 

课 内 练习 10. 8: 对 房子 分 别 实施 To。T。 变换 和 ToThi 变换 ， 描 述 变 换 之 后 各 自 的 形状 。 


10. 3.4 和 矩阵 的 逆 和 反 函 数 的 关系 


如 果 和 矩阵 B 满足 BM 二 MB 二 TI， 则 称 和 矩阵 M 可 逆 。 如 果 这 个 逆 和 矩阵 存 在 ， 则 记 
为 M 。 
如 果 和 矩阵 M 可 逆 ， 并 有 SC(x) 王 M 'x， 则 S 是 Tw 的 反 函 数 ， 即 
SCTw(x)) 二 x 并 且 (10-14) 
Tm(S(xX2) 一 部 (10-15) 
课 内 练习 10.9: 使 用 公式 (10-13)， 解 释 为 什么 公式 (10-15) 成 立 。 
如 果 MM 不可逆， 那么 Tw 没有 反 函 数 。 
看 一 下 之 前 的 例子 ，T 变换 的 关联 矩阵 存在 逆 和 矩阵 : 这 只 需 将 矩阵 中 所 有 元 素 的 30 
替换 为 一 30 即 可 ， 所 得 变换 为 绕 顺 时 针 方 向 旋转 30"; 进行 了 一 次 旋转 ， 另 一 个 矩阵 则 什 
么 都 不 做 ( 即 单位 变换 )。T, 关联 矩阵 的 逆 和 矩阵 是 对 角 和 矩阵 ， 对 角 元 素 值 分 别 1/3 和 1/2。 


1 = 
T, 关联 逢 阵 的 逆 条 阵 为 | ”| (注意 负 号 )， 其 关联 变换 也 是 平行 于 x 轴 方 向 的 错 切 变 


换 ， 它 使 位 于 平面 上 半 部 分 的 向 量 朝 左 侧 移 动 ， 从 而 抵消 了 由 T， 导致 的 向 右 侧 的 移动 。 
前 面 3 例 中 的 北 和 矩阵 很 容易 得 到 ， 这 是 因为 我 们 知道 应 该 怎样 逆转 这 三 个 变换 。T， 





关联 矩阵 的 逆 为 
+|_， | (10-16) 
计算 它 时 ， 我 们 采用 了 求 2X2 矩阵 道 的 一 个 通用 公式 (值得 记 住 的 唯一 公式 ) : 
a 1 记 一 厂 i 
| = 时 0 


最 后 对 于 T;， 其 关联 矩阵 不 存在 逆 和 矩阵 。 倘 若 存 在 ， 则 函数 Ts 应 有 反 函 数 ， 这 意味 
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， 对 于 值 域 中 的 每 个 点 ， 在 定义 域 中 都 有 一 个 对 应 的 点 。 但 我 们 已 经 看 到 ， 这 种 一 一 对 
Cs 
课 内 练习 10. 10: 试 运用 公式 (10-17) 计 算 Ti 和 矩阵 的 逆 。 会 出 现 什 么 错误 ? 


10.3.5 求解 变换 的 关联 矩阵 

我 们 说 过 ， 每 个 线性 变换 实际 上 是 乘 以 某 一 和 矩阵， 但 如 何 求 得 这 个 矩阵 呢 ? 举例 来 
说 ， 假 设 我 们 想 找 一 个 线性 变换 ， 使 房子 翻转 到 y 轴 的 另 一 侧 ， 置 于 y 轴 的 左边 。( 也 许 
你 能 猜 到 实现 它 的 变换 和 关联 的 矩阵， 但 我 们 还 是 来 直接 求解 这 个 问题 。) 

核心 思想 是 : 如 果 知 道 该 变换 会 将 向 量 e 和 es 变换 成 哪 一 组 新 的 向 量 ， 便 可 以 获得 
其 关联 的 矩阵 。 这 是 因为 ， 变 换 必 须 具 有 以 下 形式 


-EE qo 


现在 a、6b5、c、d 未 知 。 变 换 后 ，T(ei ) 为 


or nla pl) oa 


同 理 ， TCes) 为 向 量 | ”| 因此 , 若 Te) 和 Te ) 已 知 ， 便 可 知 所 有 的 抢 阵 元 素 。 将 此 思 


应 用 于 房子 的 翻转 问题 ， 其 Tei) 王 一 el 。 这 意味 着 需 将 x 正 半 轴 上 的 点 变换 到 x 负 半 
ry 故 4a 二 一 1，c 二 0。 另 一 方面 ，y 轴 上 的 每 个 点 保持 不 变 ， 即 T(e ) 一 e:， 
所 以 2 王 0，d 王 1。 因 此 ， 房 子 翻转 变换 的 关联 和 矩阵 为 : 


= 0 
| | (10-20) 
0 工 


1 
课 内 练习 10. 11: (a) 写 出 将 a 变换 到 | |，es 变换 到 | | | 的 变换 什 阵 。 
Cb) 利用 道 拒 阵 到 递 变换 的 关系 ， 以 及 计算 2X2 类 阵 的 过 疙 阵 的 公式 ， 找 出 将 | | 克 


换 到 ，| | | 变换 到 @ 的 给 阵 。 


如 课 内 练习 10. 11 所 示 ， 我 们 已 有 方法 将 标准 基 向 量 e 、e: 变换 到 任意 两 个 向 量 vi、 
v，， 反 之 亦 然 ( 只 要 w 和 vs 是 相互 独立 的 向 量 ， 即 任 一 向 量 都 不 是 另 一 向 量 的 倍数 ) 。 
们 可 以 把 这 一 结论 和 线性 变换 组 合 (一 个 接 


一 个 地 执行 ) 相 当 于 矩阵 相 乘 的 思想 结合 

来 ， 从 而 构 党 出 一 个 更 一 般 问 题 的 解 。 
问题 : 给 定 相互 独立 的 向 量 w 和 w， 0 SS 

以 及 任意 两 个 向 量 w 和 vs， 找 出 一 个 以 逢 Mx 

阵 形式 表示 的 线性 变换 ， 将 四 、 分 别 变 a 


换 到 mw 、w;。 图 10-6 “与 矩阵 M 相 乘 后 ，e! 、e 分 别 变化 到 
解 : 设 M 为 一 矩阵 ， 其 列 向 量 分 别 为 mm 、w， 而 与 M“ 相 乘 为 反 向 变换 。 与 
Ve 那么 天 相 乘 使 el 、e; 分 别 变 化 到 vi;、w;， 
: 所 以 先 乘 以 M '， 然后 乘 以 K， 即 乘 以 
T.R — 下 Ey Mx (10-21) KM-', 将 wu 变换 到 el 再 变换 到 OY 

将 e 变换 到 ui ，e; 变换 到 wu,( 见 图 10-6)。 us 也 是 相似 的 过 程 
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因此 
S:R 一 Ri:xm Mrx (10-22) 
将 ui 变换 到 ee ，us 变换 到 e; 。 
现 设 和 矩阵 天 的 列 向 量 为 vw 和 w ， 那 么 变换 
R:R*—>R’:x .> Kx (10-23) 
将 e 变换 到 w ，e, 变换 到 v,。 
如 果 先 对 wu 实施 变换 S 再 实施 变换 RR， 那 么 ui 先 变 换 到 e (经 过 S)， 再 由 R 变换 到 
v1， 对 于 u, ， 也 进行 相似 的 操作 。 写 成 等 式 


R(S(x))= R(M x) (10-24) 
= K(M x) (10-25) 
= (KM '')x (10-26) 


因此 ,将 向 量变 换 到 向 量 v 的 矩阵 为 KM “，。 
下 面 看 一 个 具体 的 例子 ， 求解 一 个 矩阵 将 以 下 向 量 : 


Wh = 加 和 衣 三 Ws (10-27) 


1 2 
Ne [i 和 ”ws == | | (10-28) 


按照 上 面 的 方法 ， 和 矩阵 M 和 天 分 别 为 


分 别 变换 到 


2 1 
M= | | (10-29) 
3 —1 
jy 
K= | | (10-30) 
i | 
采用 和 矩阵 求 逆 公式 ( 式 10-17) : 
了 
M2 (10-31) 
5 [—3 2 
因此 ， 全 部 变换 的 矩阵 为 : 
j= 4 | 了 (10-32) 
加 =. 2 
7/5 一 3/5 
加 医 2/5 pal CU 


如 读者 所 料 ， 在 第 2 章 的 WPF 中 使 用 的 变换 均 以 矩阵 变换 的 形式 表示 ， 组 合 变换 表 
示 为 一 组 相 乘 的 矩阵 ， 生 成 最 终 的 组 合 变换 效果 。 
课 内 练习 10. 12: 验证 式 (10-32) 中 矩阵 J 所 对 应 的 变换 能 将 ui、us 分 别 变换 到 


V1、 V2zo 
1 1 
课 内 练习 10. 13: 设 m=|,1, w=| 选择 任意 两 个 非 零 向 量 v1 、vs。， 找 出 能 够 
将 ui 变换 到 vw; 的 矩阵。 
上 面 构造 矩阵 变换 的 方式 说 明 : 每 一 个 从 R 到 R 的 线性 变换 都 是 由 两 个 相互 独立 问 


量 的 值 决定 的 。 实 际 上 ， 一 个 更 一 般 的 性 质 是 : 任何 从 R 到 R' 的 线性 变换 均 由 其 两 个 独 
立 向 量 的 值 所 决定 ， 任 何 从 R" 到 R* 的 线性 变换 都 是 其 个 独立 向 量 的 值 所 决定 (为 了 理解 





上 述 性 质 ， 下 面 我 们 将 “相互 独立 向 量 ” 的 定义 扩展 到 两 个 以 上 的 向 量 )。 


10. 3.6 变换 和 坐标 系 

我 们 可 能 会 以 为 线性 变换 是 移动 点 的 位 置 ， 而 
原点 保持 不 动 。 我 们 也 常 进行 这 样 的 变换 。 然 而 ， 
通过 变换 来 改变 坐标 系 也 同样 重要 。 假 定 在 2D 空 
间 有 两 个 坐标 系 ， 它 们 的 原点 相同 ， 如 图 10-7 所 
示 ， 那 么 每 个 箭头 在 红 、 蓝 两 坐标 系 中 都 有 坐标 。 
两 个 红色 坐标 构成 一 个 向 量 。 同 理 ， 两 蓝 色 坐标 也 
构成 一 个 向 量 。 例 如 ,向量 w 在 红色 坐标 系 中 的 坐 


标 是 | |， 而 在 蓝 色 坐标 系 中 近似 为 | 。。|。 





图 10-7 2D 空间 下 两 个 不 同 的 坐标 系 : 向 





课 内 练习 10. 14: 使 用 一 根 直 尺 找 出 向 量 r 和 s 量 w 在 红色 坐标 系 中 的 坐标 为 3 
两 个 坐标 系 中 的 坐标 。 和 2， 用 虚线 表示 ， 而 在 蓝 色 坐 
ee ed er 
a 每 个 可 以 想 名 到 的 而 头 竹 红 介 和 和 每 一 坐标 系 的 第 一 个 坐标 轴 的 正 

蓝 色 坐标 系 中 的 坐标 来 实现 红色 坐标 系 到 蓝 色 坐标 向 均 采 用 粗 线 表 示 


系 的 转换 。 但 有 一 个 更 为 简单 的 方法 可 获得 相同 的 结 
果 。 红 色 坐 标 系 到 蓝 色 坐标 系 的 变换 是 线性 的 ， 并 可 以 表示 为 矩阵 变换 。 在 本 例 中 这 一 矩阵 为 





M = | | (C10345 
将 矩阵 M 与 向 量 在 红色 坐标 系 中 的 坐标 相 乘 ， 即 可 得 到 向 量 w 在 蓝 色 坐标 系 中 的 坐标 : 
v— Mu C10-85) 
二 | | 加 (10-36) 
-| (10-37) 
2 |ga 避 站 光 

这 = 
二 (10-38) 

号 这 


课 内 练习 10. 15: 证 明 ， 对 于 图 10-7 中 的 每 个 箭头 ， 可 采用 同一 变换 将 其 从 红色 坐标 
系 转换 到 蓝 色 坐标 系 。 

顺便 提 一 下 ， 在 创建 这 个 实例 时 ， 我 们 按 上 一 小 节 开 始 时 所 述 方式 计算 矩阵 M， 即 找 
到 红色 坐标 系 中 每 一 个 基 向 量 的 蓝 色 坐标 ， 然 后 将 其 作为 M 的 列 向 量 。 

在 某 些 特殊 情况 下 ,我们 希望 从 某 一 向 量 的 现 有 坐标 出 发 ， 将 其 变换 到 以 单位 向 量 
uu、us 为 基底 的 正 交 坐 标 系 中 ， 此 时 ， 其 变换 矩阵 的 行 向 量 为 uw 和 us 的 转 置 矩阵 。 


3 = 一 四 /向 
例如 ， 如 果 轴 一 [10 |， 二 一 | ,|( 自 行 验证 该 向 量 为 单位 向 量 且 互相 季 直 )， 风 








在 u 坐标 系 下 ， 向量 v 一 | ， 


2 


bap sera) (a) aos9 
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读者 可 以 自行 验证 向 量 v 与 4u 十 (一 2)w 为 同一 向 量 。 


10. 3. 7 和 矩阵 性 质 和 奇异 值 分 解 


鉴于 矩阵 和 线性 变换 之 间 如 此 密切 的 关系 ， 而 线性 变换 在 图 形 学 中 占有 重要 地 位 ， 我 
们 现在 简要 地 讨论 矩阵 的 一 些 重要 性 质 。 

首先 ， 对 角 和 矩阵 (除了 其 对 角 线 上 的 元 素 外 其 他 元 素 都 为 0， 如 变换 T, 关联 的 和 矩阵 
AM ) 所 对 应 的 变换 非常 简单 : 只 是 将 每 个 坐标 轴 缩 放 一 定 的 比例 (尽管 在 比例 值 为 负 时 ， 
对 应 的 坐标 轴 将 翻转 )。 由 于 对 角 算 阵 的 简单 性 ， 我 们 将 利用 它 来 理解 其 他 的 和 矩阵 变换 。 

其 次 ， 如 果 和 矩阵 M 的 列 向 量 为 v1 ，vs;，…，wvi EER”,， 且 它们 为 彼此 正 交 的 单位 向 量 ， 
那么 有 MT M 王 五 , 五 为 &X& 单 位 矩阵 。 

当 & 王 刀 时 ， 该 矩阵 称 为 正 交 矩阵。 如 果 和 矩阵 的 行列 式 值 为 1， 那么 这 个 矩阵 称 为 特殊 
正 交 矩阵。 在 2D 空间 R* 中 ,这 样 的 矩阵 必定 为 一 个 旋转 矩阵 (如 同 Ti 对 应 的 矩阵 ) 。 在 
3D 空间 R; 中 ， 该 类 矩阵 关联 的 变换 为 绕 某 个 轴 向 量 旋转 一 定 角 度 .9 

大 多 数学 生 可 能 不 太 熟 悉 和 矩阵 的 奇异 值 分解 (Singular Value Decomposition，SVD)， 
但 是 它 在 很 多 图 形 学 研究 中 非常 重要 。 它 的 存在 性 表明 : 若 变换 工 可 由 和 矩阵 M 表示 ， 且 
希望 在 其 定义 域 和 值 域 都 采用 新 的 坐标 系 ， 则 该 变换 看 上 去 就 像 一 个 非 均匀 (或 均匀 ) 的 缩 
放 变 换 。 下 面 我 们 将 简要 讨论 这 一 表述 以 及 如 何 运 用 SVD 求解 方程 ; 本 章 的 网 上 资料 中 
演示 了 样 例 变 换 的 SVD 结果， 以 及 SVD 的 某 些 更 进一步 的 应 用 。 

奇异 值 分 解 理论 如 下 : 

每 个 nXk 的 矩阵 M 都 可 以 被 分 解 为 以 下 形式 

M 一 UDYV (10-40) 

其 中 矩阵 避 为 2Xr(Gr 一 min(2，A)) 的 列 正 交 和 矩阵， 为 r Xr 的 对 角 和 矩阵 ( 即 只 有 形式 为 
di 的 元 素 不 等 于 0)， 和 矩阵 V 为 r Xk 的 列 正 交 矩阵 ( 见 图 10-8) 。 














条 的 二 


图 10-8 a) nXk 和 矩阵 (nn 二 k) 被 分 解 为 列 向 量 互 相 正 交 的 nXn 和 矩阵 (用 竖 直 线 矩 阵 表 示 )、kXk 
的 对 角 阵 和 行 向 量 互 相 正 交 的 &Xk 矩阵 (用 水 平 线 和 矩阵 表示 ) 的 乘积 ,可 写成 UDV 。 
其 中 U、V 为 列 向 量 正 交 甜 阵 ; b) nXk 和 矩阵 (mn<<k) 可 分 解 为 与 a) 类 似 的 形式 注意 两 
种 情况 中 的 对 角 和 矩 阵 均 为 方 阵 ， 大 小 取 n、& 中 的 较 小 值 
按照 惯例 ，D 的 元 素 需 按 非 升序 排列 ( 即 | di | 宇 14d;,; | 宇 14;.3 1…)， 并 采用 单 下 标 
表示 (即将 di,1 写 为 d1)。 这 些 对 角 线 上 的 元 素 被 称 为 M 的 奇异 值 。 事 实证 明 ， 如 果 其 中 
任意 一 个 奇异 值 为 0， 则 和 矩阵 M 是 退化 的 ( 即 奇 异 的 )。 一 般 而 言 ， 如 果 和 矩阵 的 最 大 奇异 值 
和 最 小 奇异 值 之 比 很 大 ( 壁 如 10")， 那 么 基于 该 矩阵 的 数值 计算 可 能 会 不 稳定 。 
课 内 练习 10. 16: 奇异 值 分 解 结果 不 唯一 。 在 M 的 SVD 分 解 结果 中 ， 如 果 取 消 V” 的 
第 一 行 和 U 的 第 一 列 ， 其 结果 仍 为 M 的 SVD。 





日 在 第 3 章 时 曾 提 到 ,在 Rz 空间 中 围绕 一 个 向 量 进行 旋转 可 以 表达 为 平面 上 的 旋转 。 因 此 ， 我们 称 绕 = 轴 的 
旋转 为 在 zy 平面 上 的 旋转 。 进 而 ， 在 R' 空 间 中 任意 一 个 特定 的 正 交 和 矩阵 可 对 应 于 在 4D 空间 两 平面 上 的 两 
个 旋转 的 组 合 。 





在 特殊 情况 下 ， 即 2 一 A( 经 常 遇见 的 情形 ) 时 ， 和 抢 阵 QU 和 Y 均 为 方 阵 ， 它 们 分 别 表示 
改变 定义 域 坐标 系 和 值 域 坐标 系 的 变换 。 因 此 ， 可 以 将 变换 
T(x) = Mx CI ON 
看 作 : 1) 乘 以 V7， 将 变换 为 坐标 : 2) 乘 以 卫 沿 着 每 个 轴 进 行 非 均匀 (倘若 必要 ) 缩 
放 ，3) 乘 以 矩阵 口 ， 其 结果 可 视 为 坐标 系 下 的 坐标 ， 然 后 被 变换 回 到 标准 坐标 。 


10;3:8 “计算 SVD 


如 何 求 解 U、D、V? 一 般 而 言 ， 这 是 一 件 相当 困难 的 事 ， 通 常 采 用 数值 线性 代数 软 
件 包 来 求解 。 而 且 ， 求 解 结果 不 一 定 是 唯一 的 : 一 个 单一 矩阵 可 能 存在 多 个 奇异 值 分 解 
(CSVD)。 举 例 来 说 ， 如 果 $ 是 任意 一 个 nXn 的 列 正 交 矩阵， 那么 
T= SIS™ (10-42) 
即 为 单位 矩阵 工 的 一 个 可 能 的 SVD。 但 即使 有 多 个 可 能 的 SVD， 所 有 分 解 中 的 奇异 值 是 
相同 的 。 
和 矩阵 M 的 秩 ( 定 义 为 矩阵 中 线性 无 关 的 列 向 量 的 数目 ) 正 好 等 于 非 零 奇异 值 的 个 数 。 





10. 3.9 SVD 和 伪 逆 


在 n=k 的 特殊 情况 下 ,，U 和 VV 是 方 阵 ， 如 果 知 道 SVD、 则 很 容易 计算 M  : 
MT = VD7UT (10-43) 
这 里 D 很 容易 计算 一 一 只 要 将 对 角 线 上 每 个 元 素 变 为 倒数 即 可 。 如 果 其 中 一 个 元 素 为 0， 
则 该 矩阵 是 奇异 的 ， 不 存在 对 应 的 道 和 矩阵 。 这 种 情况 下 ， 拖 阵 的 伪 逆 就 用 得 上 了 ， 它 的 定 
义 为 
MT+ = VDiUT (10-44) 
其 中 和 矩阵 D' 是 将 D 中 每 个 非 零 元 素 变 成 倒数 ( 遇 到 0 元 素 时 ， 仍 写成 0) 。 和 矩阵 的 伪 逆 即 
使 在 ?天 & 时 也 是 有 意义 的 ; 伪 逆 可 用 于 求解 图 形 学 中 经 常 遇 到 的 “最 小 二 乘 ” 问 题 。 
伪 逆 定理 : 
(a) 如 果 M 是 一 个 nX&k 的 矩阵 ，z&A， 等 式 Mx 王 0 通常 表示 一 个 可 能 无 解 的 超 定 方 
程 组 ?”。 向 量 
x = Mib (10-45) 
表示 了 此 方程 组 的 优化 解 ， 意 即 Mxo。 尽 可 能 允 近 b。 
(b) 如 果 M 是 n Xk 矩阵，n 二 k， 秩 为 n， 等 式 Mx 二 b 表示 一 个 欠 定 方程 组 ” 。 问 量 
vw 三 MI 地 (10-46) 
为 此 方程 组 的 最 优 解 ， 即 x。 是 满足 Mx 二 b 的 最 短 疝 量 。 
下 面 是 这 两 种 情况 的 一 些 例子 : 
方程 组 
eth (10-47) 
元 解 ， 没 有 一 个 同时 满足 21 一 4 和 14 一 3( 见 图 10-9)。 但 是 在 所 有 M 二 ?| 的 信 数 





日 ”换个 说 法 ,这 种 情况 就 是 类 似 于 “五 个 方程 组 三 个 未 知 数 ”。 
昌 ”类似 于 “三 个 方程 组 五 个 未 知 数 ”。 
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4 


中 ， 有 一 个 向 量 最 接近 5 一 | ”|， 即 2.2| ”| 一 | |， 这 可 运用 初等 几何 求 得 。 然 而 ,要 


据 伪 逆 定 理 ， 我 们 可 使 用 伪 逆 直接 进行 计算 。 算 


阵 M 的 SVD 和 伪 逆 是 (4, 3) 
a 人 2 Nu 之 
M= UDYVT = (中 )wac] (10-48) 站 


Mt= VD'D = L101/ WSI( TL2 1]) to-49) 
J 图 10-9 等 式 !| 1 | = | 3 | 不 存在 通常 意义 





ON (10-50) 

s 2 下 的 解 ， 但 是 向 量 [2 1]7 的 倍数 
L | 名 : 
由 伪 逆 定理 可 以 得 到 此 方程 a ne ns 
t= Mib= [0.4 0.2]| | 2.2 (10-51) 线 从 点 (4，3) 旁边 经 过 ， 直 线 上 
3 存在 一 个 最 靠近 (4，3) 的 点 (用 箭 
加 加 要 一 方程 组 头 上 的 灰色 点 表示 ) 
[1 3 | (10-52) 
,4 


y=3/4 


有 无 数 解 : 位 于 直线 x 十 3y 二 4 上 的 每 一 个 点 
(x，y) 都 是 方程 组 的 解 ( 见 图 10-10)。 而 最 靠近 原 
点 的 解 是 在 直线 zx 十 3y 王 4 上 最 为 接近 (0，0) 的 图 10-10 灰色 直线 上 的 任何 一 个 点 都 是 一 


点 ， 即 zx=0.4，y 一 1.2。 在 本 例 中 ， 和 矩阵 M 为 个 解 ， 而 靠近 左 侧 的 灰色 交点 是 
[1 3]， 其 SVD 和 伪 逆 分 别 是 ; 最 靠近 原点 的 解 
MS=UDY = [Iv Vo 3 wm] (10-53) 
Wr = WD wy Ye 10][1] = 区 | (10-54) 
3/ V10. 3/ V10. 
根据 伪 逆 定理 ,方程 组 的 解 为 : 
wT 好 要 
ee [oj by sl 


当然 ， 对 于 更 大 的 矩阵 ， 这 类 计算 会 更 有 趣 , 但 即使 是 上 述 简单 的 例子 也 展示 了 伪 北 
定理 的 核心 内 容 。 
一 个 非常 有 趣 的 例子 是 ， 我 们 有 两 个 多 面体 模型 (包含 数 百 个 顶点 ， 顶 点 间 通 过 三 角 
形 面 片 相连 )， 而 它们 可 能 “本 质 上 属 同一 个 多 面体 "， 即 其 中 一 个 模型 可 由 男 一 个 模型 经 
过 平移 、 旋 转 和 缩放 得 到 。 在 10. 4 节 中 ， 我 们 将 会 看 到 如 何 用 和 矩阵 乘法 来 表示 旋转 、 缩 
放 和 平移 。 在 判断 两 个 模型 在 本 质 上 是 否 属 同一 模型 时 ， 我 们 可 以 将 第 一 个 模型 顶点 的 坐 
标 作为 矩阵 Y 的 列 向 量 ， 第 二 个 模型 顶点 的 坐标 作为 矩阵 W 的 列 向 量 ， 然 后 寻找 一 个 矩 
阵 4， 使 
AV=W (10-56) 
这 相当 于 求解 “ 超 定 方 程 组 ”问题 ,而 A 二 V'W 是 最 优 的 可 能 解 ， 如 果 计 算得 到 的 A 
满足 : 
AV=W (10-57) 
那么 这 两 个 模型 本 质 上 属 同一 模型 。 但 如 果 等 式 左 右 两 边 不 相等 ， 那 么 这 两 个 模型 本 质 上 
不 等 (当然 整个 算法 依赖 于 构造 矩阵 的 列 向 量 时 两 个 模型 顶点 之 间 的 相互 对 应 顺序 ， 更 一 
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般 的 问题 会 更 难 求解 )。 


10.4 平移 


下 面 介 绍 采 用 线性 变换 实现 平移 的 一 种 方法 ， 同 时 为 前 面 章 节 中 了 予以 支持 的 “点 与 向 
量 ” 的 思想 提供 一 个 良好 的 模型 。 

首先 ， 在 zyw 空 间 中 ( 见 图 10-11) 取 平面 w= 二 1 作 
为 欧 几 里 得 平面 (点 集 )。 采 用 也 是 为 了 与 我 们 将 要 在 
3D 空间 引入 的 模型 保持 一 致 ， 即 3D 空间 可 被 认为 是 在 
ZXyzw 空间 中 由 ww 二 1 定义 的 一 个 3D 子 集 。 

然后 ， 考 虑 由 这 种 向 量 乘 以 一 个 3X3 矩阵 M 所 产 图 10-11 xyw 空间 中 w==1 平 面 
生 的 变换 ， 唯 一 的 问题 是 相 乘 结果 中 的 最 后 一 个 元 素 不 
一 定 为 1。 下 面 ， 我 们 只 关注 满足 下 式 的 向 量 : 





a BD ve he x 
a ee ll I (10-58) 
» oll 1 














要 让 这 个 等 式 对 每 个 x 和 yy 都 成 立 ， 必 须 保证 pz 十 qy 十 r 二 1， 故 p= 二 gq 二 0, r= 二 1。 
因此 ， 我 们 将 考虑 以 下 形式 的 变换 : 








|] [全 x 
Ve 闻 上 一 四 (10-59) 
0 “1 1 
当 上 述 和 矩阵 左上 角 为 2X2 的 单位 矩阵 时 ， 有 
| 迹 汪 私 
gs 一 |y 十 f (10-60) 
07 0 时 1 




















如 果 我 们 只 关注 x 坐标 和 y 坐标 ， 这 个 变换 等 同 于 平移 ， 每 个 zx 坐标 增加 c， 每 个 y 坐标 
增加 f( 见 图 10-12) 。 像 上 面 这 样 限制 在 平面 w 二 1 内 的 变换 ， 称 为 平面 的 仿 射 变换 。 仿 射 
变换 是 图 形 学 中 最 为 常用 的 变换 。 





图 10-12 平移 变换 之 前 和 之 后 的 房子 图 像 ， 采 用 与 w 二 1 平行 的 平面 错 切 变换 生成 
男 一 方面 ， 如 果 取 c= 二 f 二 0， 那 么 第 三 个 坐标 变 得 完全 无 关 ， 左 上 角 的 2X2 和 矩阵 可 实 
现 至 今 为 止 我 们 已 见 到 的 任何 操作 。 因 此 ， 通 过 采用 一 个 简单 的 技巧 ， 即 增加 第 三 个 坐标 
并 使 它 的 值 总 是 为 1， 就 可 以 把 旋转 、 缩 放 以 及 所 有 其 他 的 线性 变换 与 新 的 变换 类 (平移 ) 
统一 起 来 ， 得 到 仿 射 变换 类 。 


10.5 再 谈 点 和 向 量 


在 第 7 章 中 ,我 们 曾 说 过 点 和 向 量 可 以 通过 某 种 方式 组 合 在 一 起 : 例如 ， 点 和 点 之 差 
是 一 个 向 量 ， 向 量 与 点 相 加 得 到 新 的 点 。 更 一 般 地 ， 可 采用 如 下 的 组 合 形式 : 
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mPa Pt oP (10-61) 
其 中 Ql 二 @z 十 ar 二 1。 
现在 我 们 找到 了 一 种 方式 ， 可 以 基于 熟悉 的 数学 来 区 分 点 和 向 量 : 将 平面 上 的 点 视 为 
3D 空间 中 第 三 坐标 值 为 1 的 元 素 ， 而 将 向 量 视 为 3D 空间 中 第 三 坐标 值 为 0 的 元 素 。 
基于 这 一 约定 ， 以 下 结论 就 显而易见 了 : 点 和 点 之 差 为 一 个 向 量 ; 点 加 上 一 个 向 量 为 
一 个 点 ; 当 且 仅 当 各 项 系数 之 和 等 于 1 时 ， 式 (10-61) 中 的 点 的 组 合 产生 一 个 点 (这 是 因为 组 
合 结果 的 第 三 坐标 等 于 各 项 系数 之 和 ; 而 要 让 该 组 合 表示 一 个 点 ， 其 第 三 坐标 必须 等 于 1)。 
你 也 许 会 问 :“ 既 然 我 们 已 经 熟悉 3D 空间 中 的 向 量 ， 为 什么 还 需 将 其 中 一 些 称 为 " 欧 
几 里 得 平面 上 的 点 ”， 另 一 些 称 为 “2D 向 量 "?” 答 案 是 : 当 使 用 这 一 3D 空间 的 子 集 构建 
2D 变换 的 模型 时 ， 上 述 区 分 在 几何 上 是 具有 意义 的 。 在 线性 代数 中 ，3D 空间 向 量 相 加 是 
有 定义 的 ， 但 对 两 个 “点 ” 相 加 (无 论 在 训 =1 平面 或 ww 二 0 平面 ) 产 生 一 个 3D 空间 位 置 则 
无 定义 ， 因 此 也 没有 名 称 。 
所 以 今后 我 们 将 使 用 玫 (“ 欧 几 里 得 2D 空间 ”表示 xyw 空间 中 的 ww 三 1 平面 ,并 使 用 
ss 
(x，y) 来 表示 EE 中 的 点 ， 它 对 应 于 3D gm 。 这 样 , 在 EF 空间 中 讨论 仿 射 
由 





变换 就 方便 了 (尽管 该 变换 由 3X3 矩阵 定义 ) 。 


10.6 为 什么 使 用 3x3 矩阵 而 不 是 一 个 矩阵 和 一 个 向 量 


也 许 有 人 会 问 ， 为 什么 不 能 采取 如 下 的 形式 来 表示 线性 变换 加 平移 : 

T(x) = Mrx 十 7 (10-62) 
式 中 和 抢 阵 M 表示 线性 变换 (旋转 、 缩 放 和 错 切 )，b 表示 平移 。 

首先 ， 你 可 以 这 样 做 ， 也 有 效 ， 可 能 还 能 节省 一 点 内 存 ( 线 性 变换 矩阵 只 需 保 存 4 个 
数 ， 加 上 平移 向 量 ， 故 只 需要 存 6 个 数 而 不 是 9 个 数 ), 但 3X3 矩阵 中 第 三 行 通常 包含 两 
个 0， 一 个 1， 实 际 上 并 不 需要 保存 这 一 列 ， 所 以 内 存 消 耗 是 相同 的 。 除 此 之 外 ， 并 没有 
任何 大 的 区 别 。 

其 次 ， 将 所 有 变换 统一 为 一 个 矩阵 的 原因 是 很 容易 实施 多 重 变换 (每 个 变换 对 应 一 个 
和 矩阵) 并 将 这 些 变换 组 合 到 一 起 : 我 们 只 需 按 照 正确 的 顺序 将 它们 的 矩阵 逐个 相 乘 ， 就 可 
得 到 组 合 变换 矩阵 。 虽 然 这 也 可 以 采用 矩阵 -向 量 组 合 方式 实施 ， 但 在 编写 程序 时 会 稍 显 
麻烦 ， 而 且 容 易 出 错 。 

第 三 个 理由 是 : 很 快 我 们 就 需要 在 变换 中 使 用 第 三 个 元 素 既 非 1 也 非 0 的 三 元 组 ， 并 
通过 归 一 化 操作 ( 除 以 w， 其 中 ww 隆 0) 将 其 转换 为 点 ( 即 w==1 的 三 元 组 ) 。 这 将 允许 我 们 去 
研究 更 多 的 变换 ， 其 中 一 个 变换 对 实现 透视 效果 很 重要 ， 后 面 将 会 看 到 。 

奇异 值 分 解 不 仅 为 线性 变换 的 分 解 ， 同 样 也 为 仿 射 变换 ( 即 线性 变换 和 平移 的 组 合 ) 的 
分 解 提 供 了 必需 的 工具 。 


10.7 窗口 变换 


作为 新 的 、 更 广泛 变换 集 的 一 个 应 用 ,我 们 研究 一 下 窗口 变换 。 窗 口 变换 将 一 个 轴 向 
对 齐 的 矩形 变换 到 另 一 位 置 ， 如 图 10-13 所 示 ( 在 第 3 章 中 已 做 了 简单 讨论 )。 

首先 我 们 采用 直接 计算 的 方法 ， 其 中 会 涉及 一 点 线性 代数 知识 ， 然 后 再 研究 更 为 自动 
化 的 方法 。 





(Cx, 1) 








Go， J) 





图 10-13 窗口 变换 设置 ， 我 们 需要 将 uv 坐标 系 下 的 矩形 变换 为 xy 坐标 系 下 的 矩形 


对 第 一 个 坐标 和 第 二 个 坐标 所 实施 的 操作 本 质 上 是 相同 的 ， 因 此 只 需 看 对 第 一 个 坐标 
如 何 进行 变换 。 我 们 需要 将 变换 到 zi ，wu 变换 到 zx ， 这 意味 着 需要 将 该 坐标 变换 前 后 











的 差 值 缩放 于 一 二 。 因 此 对 第 一 个 坐标 的 变换 为 
2 1 
By something (10=63) 
Uz ~ UI 
当 t= 二 wi 时 ， 我 们 希望 得 到 zx; ， 那 么 
0 something = zi (10-64) 
2 Ul 
求解 上 式 中 未 知 的 位 移 
et 2 (10-65) 
U2 ~ Ui 22 一 2W2 一 Wi 
MU Wi a C10-66) 
2 Ul 
2 i (10-67) 
M2 Uil 
所 以 此 变换 为 
to (10-68) 
MK2 一 Mi 2 一 Mi 
对 v、y( 即 第 二 个 坐标 ) 进 行 相同 的 操作 就 可 以 得 到 所 需 的 变换 ， 其 矩阵 形式 为 
T(x) = Mx (10-69) 
其 中 
2 0 六 12&2 ~ X22Ul 
Wz = MY U2 Ul 
M= 0 Va Vi Yi — YE (10-70) 
0 一 mW 
0 0 | 


课 内 练习 10. 17: 将 等 式 (10-70) 中 的 矩阵 M 乘 以 向 量 [w 
[x wy: 1] ,对 矩形 窗口 的 右 下 角 点 进行 相同 的 验证 。 
接 下 来 介绍 构造 这 一 变换 的 第 二 种 方法 。 


10.8 构建 3D 变换 


vi 1]"， 验 证 其 结果 为 


在 2D 空间 中 ,我们 可 通过 构造 矩阵 M( 其 列 向 量 为 wm 、zz ) 将 向 量 e: 、e: 变换 到 w 、 
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zz?， 那 么 采用 两 个 这 样 的 矩阵 (其 中 一 个 做 反 向 变换 ) 即 可 将 任意 两 个 独立 的 向 量 w 、vw， 
变换 到 任意 两 个 其 他 的 向 量 w; 、ws。 在 3D 空间 中 也 可 做 同样 处 理 ， 即 将 三 个 标准 的 基 
向 量 e、e 和 es 变换 到 任意 三 个 其 他 的 向 量 ， 只 需 将 目标 向 量 作为 矩阵 的 列 向 量 即 可 。 
先 来 看 如 何 将 向 量 e: 、e; 和 e; 变换 到 上 节 中 所 示 和 矩形 的 三 个 角 点 。 我 们 已 给 出 其 中 两 个 
角 点 的 坐标 ， 另 一 右 下 角 点 的 坐标 为 (xs ，vw)。 对 应 这 三 个 点 的 向 量 为 : 

Ul 


Us> M2 


(10-71) 




















1 1 1 
由 于 和 拖 形 的 三 个 角 点 不 共 线 ， 故 这 三 个 向 量 是 相互 独立 的 。 一 般 地 , 寻 维 空间 向 量 vi， 
v 相互 独立 的 条 件 是 : 不 存在 一 个 (CR 一 1) 维 的 子 空间 包含 这 些 向 量 。 例 如 , 在 3D 空间 ， 
三 个 向 量 相 互 独立 的 条 件 是 不 存在 一 个 通过 原点 并 且 包 含 这 三 个 向 量 的 平面 。 

所 以 执行 上 述 变换 的 矩阵: 








ul us uu 
MI 一 | 页 vw 而 (10-72) 
:es ' 
是 可 逆 的 。 
类 似 地 ， 我 们 也 可 以 构造 矩阵 M: ， 包 含 对 应 的 zx、y 坐标 。 最 后 ， 计 算 
M, MT (10-737 


来 实施 所 希望 的 变换 。 例 如 ， 第 一 个 和 矩形 的 左下 角 点 由 矩阵 Mi' 变换 到 e (这 是 因为 矩阵 
Mi 将 e 变换 到 左下 角 点 ); 向 量 e 乘 以 M; 则 变换 到 目标 和 矩形 的 左下 角 点 。 同 样 的 思路 
适用 于 所 有 三 个 角 点 。 实 际 上 ， 如 果 采 用 代数 方式 计算 矩阵 的 逆 ， 然 后 乘 上 每 一 项 ， 将 再 
次 得 到 式 (10-73) 中 的 矩阵。 但 是 我 们 无 须 这 么 做 : 该 矩阵 一 定 是 正确 的 矩阵 。 如 果 我 们 
愿意 采用 和 矩阵 求 逆 程 序 ， 除 了 “将 这 三 个 点 变换 到 其 他 三 个 点 ”， 其 他 事情 都 不 需要 考虑 。 

结论 : 给 定 EF 空间 中 非 共 线 的 任意 三 个 点 P| 、P;、P;， 可 以 找到 一 个 矩阵 变换 ， 使 
用 上 述 步 又， 将 它们 变换 到 其 他 三 个 点 Qi 、Q: 、Q;。 


10.9 另 一 个 构造 2D 变换 的 实例 
假设 我 们 想 找 到 一 个 3X3 的 矩阵 将 整个 平面 绕 着 点 已 一 (2，4) 逆 时 针 旋 转 30"， 如 
图 10-14 所 示 。 此 变换 的 WPF 代码 如 下 : 


<RotateTransform Angle="-30" GC. 


为 实现 以 上 WPF 代码 ， 必 须 构建 一 个 矩阵 。 





TX="2" CenterY="4"/> 


J 





图 10-14 将 整个 平面 围绕 点 P==(2，4) 逆 时 针 旋转 30° 





有 两 种 方法 。 

第 一 种 方法 : 我 们 知道 如 何 绕 原 点 旋转 30 ， 可 采用 这 章 开 头 介绍 的 变换 T, 。 并 通过 
以 下 三 步 来 实现 所 需 的 变换 ( 见 图 10-15 ) 。 

1) 将 点 (2，4) 移 动 到 原点 。 

2) 绕 原点 旋转 30”。 

3) 将 原点 移 回 到 (2，4) 。 








图 10-15 变换 后 房子 的 位 置 与 朝向 ， 先 将 (2，4) 移 动 到 原点 ， 
再 将 原点 旋转 30 ， 最 后 将 原点 移 回 到 (2，4) 


将 点 (2，4) 平 移 到 原点 的 变换 矩阵 为 : 





1 0 一 2 
wa + (10-74) 

| 
将 原点 移 回 到 (2，4) 的 和 矩阵 与 上 述 和 矩阵 是 类 似 的 ， 但 2 和 4 之 前 无 需 再 添加 负 号 。 旋 转 矩 


阵 ( 使 用 新 的 3X3 的 格式 ) 则 为 
cos30” 一 sin30” 0 

















sin30” cos30” 0 (10-75) 
0 By 
因此 这 一 系列 变换 对 应 的 矩阵 为 
人 
De 二 ey cos30” 0|10 1 + (10-76) 
0 V1 0 QQ 16 © 下 
课 内 练习 10. 18: (a) 解释 为 什么 上 式 中 符 阵 相 乘 的 顺序 是 为 获得 所 要 变换 结果 的 正 
确 顺 序 。 


(b) 说 明 点 (2，4) 乘 以 上 面 的 算 阵 序列 中 的 [2 4 1] 实际 上 位 置 并 没 发 生变 化 。 

第 二 种 方法 则 更 加 便捷 : 我 们 先 找 到 3 个 变换 后 其 目标 位 置 已 知 的 点 (就 像 先 前 在 窗 
口 变 换 中 曾 做 过 的 那样 ) 。 选 取 点 P=(2，4) ，Q=(3，4) (点 也 右 移 一 个 单位 )， 尺 一 (2， 
5)( 点 忆 上 移 一 个 单位 ) 。 我 们 希望 变换 后 已 位 置 不 变 ，Q 变换 到 (2 十 cos30 ”，4 十 sin30 ) ， 
尽 变换 到 (2 一 sin30"，4 十 cos30") 。( 可 以 画图 确认 是 否 正确 。) 这 一 变换 所 对 应 的 矩阵 是 














2 2 十 6os30” 4 一 sin30 112 3 二 
4 4 十 sin30” 4 十 cos30 "||4 4 5 (10-77) 
Th 1 小 Up | 

以 上 两 种 方法 都 易于 使 用 。 


还 有 第 三 种 方法 (由 第 二 种 方法 变化 而 来 ) ， 该 方法 需要 指定 一 个 点 和 两 个 向 量 在 变换 
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后 的 新 位 置 (而 不 是 三 个 点 )。 在 这 种 情形 中 ， 假 定点 已 保持 不 变 ， 向 量 e 和 e: 分 别 变 
换 到 


cos30” 一 sin30” 
sin30” 和 cos30” (10-78) 
0 0 














此 时 ， 我 们 不 是 去 寻找 将 向 量 e: 、e 、e; 变换 到 三 个 目标 点 的 矩阵 ， 而 是 寻找 一 个 矩阵 ， 
将 这 三 个 向 量变 换 到 所 想 要 的 点 和 向 量 。 这 些 和 矩阵 为 














一 2 0530 —sin3d 
由 证 和 4 sin30” coOS30” (10-79) 
0 1 0 0 
所 以 ， 整 个 矩阵 为 
2 “cos30” 一 Sn309 [2 1 0 于 
4 Sn30” cos30 | | 让 0 1 (10-80) 
1 0 0 1 0 i 














这 三 种 通用 的 方法 均 可 用 来 构建 w 二 1 平面 上 任何 线性 加 平移 变换 ,但 有 一 些 特 殊 的 
和 矩阵 需要 记 住 。 在 zy 平面 内 旋转 角度 0( 将 工 正 轴 朝 > 正 轴 方向 旋转 ) 所 对 应 的 矩阵 为 


[cosO 一 Sin0 0 

R,, (90) = jm cosO 0 

0 Wy 

在 一 些 书籍 或 者 软件 包 中 ， 称 该 变换 为 绕 x 轴 旋 转 。 但 我 们 更 倾向 于 使 用 “在 zy 平面 内 
旋转 2”， 因 为 这 种 说 法 中 指明 了 旋转 的 方向 (从 工 到 >)。 另 外 两 个 标准 的 旋转 矩阵 为 


(10-81) 





[1 0 0 

R,.(0)= |0 cosb 一 中 (10-82) 
I0 sing 一 cosO 
| cos0 0 sing 

R.. (0) = 0 0 (10-83) 
[一 SinO 0 cosO 








注意 最 后 一 个 矩阵 所 对 应 变换 的 旋转 方向 是 从 z 到 工 ， 而 不 是 从 工 到 >。 使 用 这 样 的 命名 
方式 可 保持 正 负 符号 的 对 称 模式 。 


10. 10 ”坐标 系 


在 2D 空间 中 ,线性 变换 可 由 两 个 独立 向 量 值 完全 指定 。 仿 射 变换 ( 即 线性 变换 加 平移 
变换 ) 可 由 非 共 线 的 任意 三 个 点 完全 指定 , 或 由 一 个 任意 点 和 一 对 独立 的 向 量 完全 指定 。 
平面 透视 变换 (将 在 10. 13 节 中 讨论 ) 则 由 四 个 点 (其 中 任意 三 个 点 均 不 共 线 ) 指 定 , 或 由 其 
他 可 能 的 点 集 和 向 量 集 指定 。 上 述 论断 和 3D 空间 变换 的 相应 论断 都 非常 重要 ， 我们 将 其 
总 结 为 以 下 原则 : 
wy 变换 唯一 性 原则 : 对 于 每 一 类 变换 (线性 、 仿 射 和 透视 )、 任 何 相 应 的 坐标 系 及 对 应 目 

标 元 素 的 集合 ， 均 存在 唯一 的 变换 将 坐标 系 中 的 元 素 映 射 为 目标 坐标 系 中 的 相应 元 

素 。 如 果 目 标 元 素 构 成 一 个 坐标 系 ， 则 此 变换 可 逆 。 

为 了 使 这 一 原则 有 意义 ， 我 们 需要 对 坐标 系 进行 定义 。 作 为 第 一 个 例子 ， 可 进行 线性 
变换 的 坐标 系 仅仅 是 一 个 “ 基 ”, 在 2D 空间 中 ， 这 意味 着 “平面 上 两 个 线性 独立 的 向 量 ”。 





坐标 系 中 的 元 素 就 是 这 两 个 向 量 。 根 据 上 述 原则 ， 如 果 wu、w 是 平面 上 线性 独立 的 向 量 ， 
并 且 w 、w' 是 任意 两 个 向 量 ， 那么 存在 一 个 唯一 的 线性 变换 将 wu 变换 到 wu ，z 变换 到 。 
进一步 说 ， 如 果 w 和 vv 线性 独立 ， 那 么 变换 可 逆 。 

更 一 般 的 情况 是 ， 一 个 坐标 系 是 一 组 几何 元 素 的 集合 ， 这 组 元 素 足 以 唯一 地 刻画 某 些 
变换 的 特征 。 正 如 上 面 所 述 ， 对 于 平面 线性 变换 ， 其 坐标 系 由 平面 上 两 个 独立 的 向 量 定 
义 ; 对 于 平面 的 仿 射 变换 ， 它 由 平面 上 3 个 非 共 线 的 点 组 成 ， 或 者 由 一 个 点 和 两 个 独立 的 
向 量 组 成 ， 等 等 。 

在 存在 多 种 坐标 系 定 义 的 情况 下 ， 总 有 一 种 方法 可 在 它们 之 间 进 行 转 换 。 对 于 2D 
仿 射 变换 ，3 个 非 共 线 点 P、Q 和 RR 可 以 转换 为 点 P，wvi 一 Q 一 PP 和 w;, 一 R 一 P; 反 过 来 
转换 是 显而易见 的 。( 当 mw 和 wv; 为 线性 独立 的 向 量 时 ， 这 种 转化 就 没 那么 显而易见 了 
见 练习 10. 4。) 

对 于 仿 射 映射 ,其 对 “坐标 系 ” 的 使 用 有 一 定 限制 ,不 过 这 是 有 益 的 。 根 据 原点 和 党 
着 每 个 坐标 轴 正 向 的 单位 向 量 可 构成 一 个 坐标 系 的 概念 ， 平 面 刚 性 坐标 系 定义 为 一 个 三 元 
组 (P，vi1，vs)， 其 中 忆 为 一 个 点 ，wv1 和 vs 为 互相 垂直 的 单位 向 量 ， 从 v1 到 vs 的 旋转 


0 = 
为 逆 时 针 方 向 ( 即 | 0 | 一 v2)。 在 3D 空间 中 ， 则 定义 为 一 个 点 和 三 个 互相 垂直 的 单 


位 向 量 ， 并 且 这 三 个 向 量 构成 一 个 右手 系 。 将 刚性 坐标 系 (P，wvi，wv;) 变 换 到 (Q,， ui， 
us) 可 以 表示 为 下 面 的 变换 序列 : 


TeaRo Tr (10-84) 
其 中 T,(A) 二 A 十 P，P 为 平移 向 量 ，T64 与 ,类 似 ，R 为 旋转 矩阵 ， 由 下 式 给 出 : 
R= [wj;u]* Lv;v]" (10-85) 


其 中 分 号 表示 ww 为 第 一 个 因子 的 第 一 列 向 量 ， 以 此 类 推 。 
我 们 在 第 12、15 和 32 章 的 例子 中 使 用 的 G3D 库 ， 在 建 模 时 大 量 采 用 了 刚性 坐标 系 ， 
并 将 它们 封装 为 CFrame 类 。 


10. 11 应 用 : 绘制 场景 图 


我 们 讨论 过 2D 仿 射 空间 中 的 仿 射 变换 ， 以 及 一 旦 有 了 一 个 坐标 系 并 可 以 将 点 表示 为 
三 元 组 , 如 x 二 [zx y 1]”,， 我 们 如 何 采 用 3X3 和 矩阵 M 来 表示 一 个 变换 。 可 通过 x 左 乘 
和 矩阵 M 对 点 x 进行 变换 。 现 在 再 回 到 第 2 章 的 时 钟 例子 ， 考 虑 如 何 将 一 个 WPF 描述 转换 
为 一 个 图 像 ， 即 怎样 实现 WPF 的 一 些 功能 。 你 也 许 记 得 ， 图 10-16 所 示 的 时 钟 是 由 以 下 
的 WPF 的 代码 来 创建 的 : 





1 Canvas. .ce SS 

2 <Ellipse 

3 Canvas.Left="-10.0" Canvas.Top="-10.0" 

4 Width="20.0" Height="20.0" 

3 Fill="lightgray" /> 

6 <Control Name="Hour Hand" .../> 

7 <Control Name="Minute Hand" .../> 
<Canvas.RenderTransform> 

9 <TransformGroup> 

10 oD ScaleX="4.8" ScaleY="4.8" /> 图 10-16 时钟 模型 

Ll <TranslateTransform X="48" Y="48" /> 

12 </TransformGroup> 

13 </Canvas.RenderTransform> 


14 </Canvas> 
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其 中 时 针 部 分 的 代码 为 


<Control Name="HourHand" Template="{StaticResource ClockHandTemplate}"> 
<Control.RenderTransform> 
<TransformGroup> 
<ScaleTransform ScaleX="1.7" ScaleY="0.7" /> 
<RotateTransform Angle="180"/> 
<RotateTransform x:Name="ActualTimeHour" Angle="0"/> 
</TransformGroup> 
</Control.RenderTransform> 
</Control> 


分 针 部 分 的 代码 与 此 类 似 ， 不同 之 处 在 于 : Ac- 
tualTimeHour 被 ActualTimeMinute 所 替代 ， 而 
X 缩放 倍数 1.7 和 YY 缩放 倍数 0. 7 被 删 去 。 

ClockHandTemplate 是 一 个 由 平面 上 5 个 点 定 
义 的 罗 注 形 。 C=03 DR 5 
(0.2，8) 和 (0.3， 一 1)( 见 图 10-17)。 

下 面 我 们 对 这 段 代码 稍 加 修改 ， 使 钟 面 和 指针 均 
采用 多 边 形 表示 。 我 们 可 以 构建 诸如 1000 个 顶点 的 正 
多 边 形 ， 来 构造 一 个 多 边 形 版 的 圆 形 表面 ， 但 为 使 代 
码 简 单 易 读 ， 下 面 采 用 正八 边 形 来 近似 表示 一 个 圆 。 

代码 开始 部 分 为 : 


\D oo ~ 了 un 上 mmDP 一 





图 10-17 时 钟 指针 模板 


本 

py <Canvas.Resources> 

3 <ControlTemplate x:Key="ClockHandTemplate"> 

4 <Polygon 

5 Podnts="0 .3,~=1 .2218 073 0 7 和 0 35 
6 Fill="Navy"/> 

</ControlTemplate> 

8 <ControlTemplate x:Key="CircleTemplate"> 

9 <Polygon 

10 Points="1,0 9 707792767 了 QT 二 O7 
1 = 机 这 二 二 双人 全 和 了 向 ;专业 Qe TO ON 
12 Fill="LightGray"/> 

13 </ControlTemplate> 

14 </Canvas.Resources> 


我 们 将 采用 这 段 代码 定义 的 几何 来 创建 钟 面 和 钟 的 指针 。 于 是 圆 形 钟 面 便 可 通过 由 均 
匀 分 布 在 单位 圆 上 的 8 个 点 所 表示 的 “ 圆 ” 模 板 变 换 得 到 。 这 种 定义 形式 ， 虽 然 并 非 
WPF 中 的 常用 方式 ， 但 和 其 他 场景 几何 软件 包 中 的 场景 定义 形式 十 分 相似 。 

场景 的 实际 创建 过 程 包括 由 CircleTemplate 创建 钟 面 以 及 如 前 所 述 的 创建 表 针 两 
部 分 。 


1 <!- 1. Background of the clock -> 

区 <Control Name="Face" 

3 Template="{StaticResource CircleTemplate}"> 
4 <Control.RenderTransform> 

5 <ScaleTransform ScaleX="10" ScaleY="10" /> 
6 </Control.RenderTransform> 

区 </Control> 

8 

9 <!- 2. The minute hand -> 

10 <Control Name="MinuteHand" 

11 Template="{StaticResource ClockHandTemplate}"> 


12 <Control.RenderTransform> 
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13 <TransformGroup> 

14 <RotateTransform Angle="180" /> 

13 <RotateTransform x:Name="ActualTimeMinute" Angle="0" /> 
16 </TransformGroup> 

7 </Control.RenderTransform> 

18 </Control> 

19 

20 <!- 3. The hour hand -> 

21 <Control Name="HourHand" Template="{StaticResource ClockHandTemplate}"> 
22 <Control.RenderTransform> 

23 <TransformGroup> 

24 <ScaleTransform ScaleX="1.7" ScaleY="0.7" /> 

25 <RotateTransform Angle="180" /> 

26 <RotateTransform x:Name="ActualTimeHour" 

27 Angle="0" /> 

28 </TransformGroup> 

29 </Control.RenderTransform> 


30 </Control> 


接 下 来 就 是 将 Canvas 转换 为 WPF 坐标 和 动画 计时 ， 这 需要 设置 ActualTimeMinute 
和 ActualTimerHour 的 值 。 


1 <Canvas.RenderTransform> 

2 ...Same as before... 

3 </Canvas.RenderTransform> 

4 

ke ) <Canvas.Triggers> 

6 <EventTrigger RoutedEvent="FrameworkElement .Loaded"> 
有 <BeginStoryboard> 

8 <Storyboard> 

9 <DoubleAnimation 

10 Storyboard.TargetName="ActualTimeHour" 

1 Storyboard.TargetProperty="Angle" 

12 From="0.0" To="360.0" 

13 Duration="00:00:01:0" RepeatBehavior="Forever" 
14 jf 

15 <DoubleAnimation 

16 Storyboard.TargetName="ActualTimeMinute" 
17 Storyboard.TargetProperty="Angle" 

18 From="0.0" To="4320.0" 

19 Duration="00:00:01:0" RepeatBehavior="Forever" 
20 /> 

21 </Storyboard> 

22 </BeginStoryboard> 

23 </EventTrigger> 

24 </Canvas.Triggers> 

25 


26 </Canvas> 


作为 将 场景 描述 转换 成 图 像 的 起 始 ， 假 设 有 一 个 基本 的 图 形 库 ， 可 从 由 一 组 顶点 表示 
的 多 边 形 绘制 出 该 多 边 形 的 图 像 。 顶 点 表示 成 3X&k 的 齐 次 坐标 三 元 组 数组 ， 数 组 第 一 列 
为 多 边 形 第 一 个 顶点 的 齐 次 坐标 ， 依 次 类 推 。 

现在 我 们 说 明 如 何 将 诸如 WPF 的 描述 变 为 一 系列 的 drawPolygon 程序 调用 。 首 先 ， 
将 XAML 代码 转换 为 树 结构 ， 如 图 10-18 所 示 ， 来 表示 场景 图 ( 见 第 6 章 )。 

在 该 图 中 萎 形 框 表示 变换 。 我 们 暂时 忽略 ClockHandTemplate 实例 化 ， 并 假定 已 
有 表示 指针 的 两 个 独立 的 相同 几何 版 本 。 图 中 在 每 个 变换 的 旁边 给 出 了 其 矩阵 表示 。 假 设 
ActualTimerHour 中 的 角度 值 取 15" (cos15" 和 0.96，sin15" > 0.26)，ActualTimet- 
Minutes 中 的 角度 为 180 (即时 钟 显 示 时 间 为 12:30) 。 
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图 10-18 时钟 的 场景 -图 像 表 示 的 XAML 代码 


课 内 练习 10. 19: (a) WPF 中 的 旋转 采用 顺 时 针 方 向 旋转 的 角度 表示 ， 检 查 图 中 时 针 
旋转 15" 的 矩阵 是 否 正确 。 

(b) 如 果 你 觉得 矩阵 有 错 ， 请 留意 WPF 中 x 增加 的 方向 朝 右 ,而 y 增加 的 方向 是 朝 
下 的 ， 看 你 的 答案 有 无 变化 ?顺便 说 一 下 ， 如 果 在 WPF 平台 上 运行 和 调试 该 程序 ， 并 打 
印 这 一 和 矩阵， 你 会 发 现 不 是 (1，2) 而 是 (2，1) 元 素 前 有 负 号 。 这 是 因为 在 WPF 内 部 使 用 
行 向 量 表示 点 ， 然 后 右 乘 其 变换 和 矩阵。 

树 结构 中 的 每 一 项 的 顺序 和 原本 的 顺序 有 些 不 同 ， 但 是 两 者 之 间 具 有 对 应 关系 。 如 果 
你 发 现 ， 在 绘制 时 所 有 和 时 针 相 关 的 变换 以 及 所 有 包含 时 针 的 物体 (例如 钟 面 ) 的 变换 的 执 
行 顺序 和 本 图 中 从 时 针 的 叶 结 点 到 该 树 的 根 结 点 所 列 出 变换 的 顺序 完全 一 样 。 

课 内 练习 10. 20: 阅读 XAML 程序 ， 写 下 对 表示 钟 面 的 圆 形 模板 所 实施 的 全 部 变换 。 
证 明 它 们 的 顺序 和 从 图 10-18 中 从 Circle 叶 结 点 直至 根 节 点 所 遇 到 的 变换 相同 。 

在 我 们 所 画 的 场景 图 中 ， 变 换 矩 阵 是 最 重要 的 元 素 。 下 面 讨论 这 些 和 矩阵 是 如 何 作用 于 
几何 结 点 中 各 点 的 坐标 的 。 

有 两 种 思考 变换 的 方式 。 以 分 针 为 例 ， 第 一 种 方式 先 对 每 个 顶点 进行 旋转 操作 ， 得 到 
新 的 分 针 ， 然 后 再 对 每 个 点 进行 平移 ， 得 到 另 一 个 新 的 分 针 ， 以 此 类 推 。 分 针 的 未 端点 最 
终 位 于 (0，9)。 再 次 旋转 之 后 ， 分 针 末 端点 将 变 到 其 他 位 置 ,平移 并 旋转 之 后 的 分 针 末 端 
点 再 变 到 别 的 位 置 。 通 常会 将 这 些 不 同 的 实例 认 作 同一 对 象 ( 如 说 “分 针 的 末端 点 现在 位 
于 (3，177。 ”) 。 但 是 这 种 说 法 并 不 合理 ， 因 为 同一 分 针 的 末端 点 不 可 能 在 两 个 不 同 的 
位 置 。 





第 二 种 思考 方式 是 认为 存在 几 个 不 同 的 坐标 系 ， 变 换 的 作用 是 将 分 针 的 末端 点 从 一 
坐标 系 变 换 到 另外 一 个 坐标 系 。 我 们 可 以 这 样 说 :“ 分 针 末 端点 在 物体 空间 或 者 物体 坐标 
系 中 的 坐标 为 (0，9)， 但 是 在 画布 (canvas) 坐标 系 中 的 坐标 为 (0， 一 9)”。 当 然 ， 分 针 末 
端点 在 画布 坐标 系 中 的 位 置 取决 于 该 点 旋转 的 角度 (假定 ActualTimeMinute 的 旋转 角 
度 为 180"， 因 此 它 进行 了 2 个 180" 的 旋转 变换 )。 类 似 地 ， 分 针 末 端点 的 WPF 坐标 可 以 通 
过 将 其 画布 坐标 放大 4. 8 倍 ， 然 后 每 一 坐标 加 上 48， 得 到 WPF 坐标 为 (48，4. 8)。 








物体 空间 、 场 景 空间 、 图 像 空间 和 屏幕 空间 是 图 形 学 中 十 分 常用 的 术语 。 它 们 指 
的 是 某 个 物体 上 的 一 个 点 (例如 ， 含有 映射 纹理 岂 球 表面 上 的 “波士顿 ”) 最 初 取 自 单 
位 球 (物体 空间 ) 上 的 一 个 点 ， 将 其 变换 到 待 绘制 的 “场景 空间 "， 然 后 投影 到 图 像 平 
面 ， 最 终 显 示 在 屏幕 上 。 在 某 种 意义 上 ， 所 有 这 些 点 指 的 是 同一 点 ， 但 每 个 点 具有 不 
同 的 坐标 。 当 我 们 谈 到 “场景 室 间 ” 和 “图 像 空间 ”中 的 某 个 点 的 时 候 ， 实 际 是 指 我 
们 将 要 操作 的 对 象 是 这 个 点 在 该 空间 中 某 一 坐标 系 下 的 坐标 。 在 图 像 空间 ， 其 坐标 值 
-的 变化 范围 通常 为 二 1 一 1( 某 些 系统 中 为 0 一 1)， 在 屏幕 空间 ， 坐 标 值 的 变化 范围 可 能 
是 0 一 1024， 在 物体 空间 ， 坐 标 值 是 一 个 实数 三 元 组 ， 而 对 于 像 单 位 球 或 单位 立方 体 这 
样 的 标准 体 ， 其 实数 范围 一 般 是 [一 1，1]。 














在 时 钟 例子 中 ， 共 有 7 个 坐标 系 ， 其 中 大 部 分 采用 淡 绿 色 的 方形 框 表示 。 顶 部 是 
drawPolygon () 中 使 用 的 WPF 坐标 系 。 可 能 在 drawPolygon () 内 会 转换 为 像素 坐标 ， 
但 是 这 个 转换 对 于 我 们 而 言 是 隐藏 的 ， 在 此 不 进行 讨论 。WPF 坐标 之 下 是 画布 坐标 ， 在 
该 坐标 下 有 钟 面 坐标 、 分 针 坐 标 和 时 针 坐 标 。 再 下 面 是 指针 的 坐标 (创建 指针 原型 所 在 的 
坐标 系 ) 和 定义 圆 的 坐标 ( 即 创建 近似 表示 单位 圆 的 正八 边 形 所 用 的 坐标 系 )。 注 意 在 我 们 
的 时 钟 模型 中 ， 钟 面 坐标 系 、 分 针 坐 标 系 和 时 针 坐 标 系 作 用 相似 : 在 坐标 系 的 层次 结构 
中 ， 它 们 均 为 画布 坐标 系 的 子 结 点 。 将 分 针 坐 标 系 和 时 针 坐 标 系 作 为 钟 面 坐标 系 的 子 结 点 
也 是 可 取 的 ， 这 样 做 的 优势 在 于 移动 钟 面 时 即 可 平移 整个 时 钟 ， 从 而 便于 调整 时 钟 在 画布 
上 的 位 置 。 而 现在 调整 时 钟 在 画布 上 的 位 置 需要 对 施加 在 钟 面 、 分 针 和 时 针 上 的 三 个 不 同 
的 平移 变换 进行 调整 。 

我 们 希望 采用 drawPolygon () 来 画 每 个 形状 ， 该 程序 以 一 个 点 的 坐标 数组 作为 输入 
参数 。 为 此 ， 必 须 对 点 的 坐标 系 做 出 说 明 ， 以 保证 输入 的 点 坐标 是 有 效 的 。 假 定 araw- 
Polygon ( ) 的 输入 参数 是 WPF 坐标 。 故 当 输入 分 针 末 端点 的 坐标 时 ， 需 要 输入 (48， 
4. 8)， 而 不 是 (0，9)。 

有 一 个 可 将 场景 图 转换 为 一 系列 drawPolygon () 程 序 调用 的 strawman( 称 草 人 ) 算 
法 。 我 们 要 处 理 的 是 3X&k 的 坐标 数组 ， 这 是 因为 点 (0，9) 被 表示 为 齐 次 三 元 组 (0，9， 
1)， 我 们 将 其 竖 写 ， 作 为 矩阵 的 列 向 量 来 表示 几何 模型 。 


1 for each Polygonal geometry element，8 
let v be the 3xk array of vertices of 8 
let n be the parent node of 8 
let M be the 3x3 identity matrix 
while (n is not the root) 
if n is a transformation with matrix S 
M=SM 
n= parent of n 


w=Myv 
drawPolygon (w) 


忆 ESDoo~、 wwb 


ha 
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如 代码 所 示 ， 我 们 可 连 乘 多 个 变换 矩阵， 然后 将 其 结果 (复合 变换 和 矩阵) 与 顶点 的 坐标 
相 乘 得 到 每 个 多 边 形 的 WPF 坐标 ， 然 后 进行 绘制 。 

课 内 练习 10. 21: (a) 3X3 怎 阵 与 3Xk 和 矩阵 相 乘 需 执 行 多 少 基本 操作 ? 

(b) 若 果 A、B 为 3X3 和 矩阵 ，C 为 3X1000 和 矩阵， 你 会 选择 计算 (4B)C 还 是 4(CBC)? 
其 中 括号 代表 计算 的 优先 顺序 。 

(c) 在 上 述 代 码 中 ， 是 应 该 依次 将 每 个 矩阵 与 顶点 坐标 相 乘 ， 还 是 先 计 算 这 些 和 矩阵 的 
乘积 ， 最 后 再 将 其 结果 与 顶点 坐标 向 量 相 乘 ? 哪 种 做 法 更 好 ， 为 什么 ? 

在 时 钟 的 例子 中 ， 如 果 我 们 以 手动 方式 模拟 代码 的 运行 过 程 ， 则 圆 模 板 的 坐标 将 与 矩 
阵 相 乘 ; 


















































1 
oO 1 NO Le OD 1 (10-86) 
Oo A 0 0 
分 针 模 板 的 坐标 与 以 下 矩阵 相 乘 ; 
1 人 
0 1 48||0 48 "| = | Re | (10-87) 
00 
同样 ， 时 针 模 板 的 坐标 也 与 以 下 矩阵 相 乘 : 
人 
0 1 48||0 48 0||0.26 0.96 中 | 。，-， 中 0 | 
Vt A OY iQ 0 1 0 0 lo ‘we "1 
(10-88) 


课 内 练习 10. 22: 解释 与 分 针 模板 相 乘 的 矩阵 序列 中 每 一 个 矩阵 的 出 现 顺序 。 

注意 到 各 模板 与 矩阵 相 乘 中 有 许多 计算 是 可 以 共享 的 ， 举 例 来 说 ， 我 们 可 以 计算 与 圆 
模板 相 乘 的 矩阵 变换 乘积 ， 然 后 重用 于 计算 其 他 任何 一 个 模板 的 变换 中 。 对 于 大 的 场景 
图 ， 重 复 计 算 则 更 多 。 显 然 ， 对 只 有 5 个 或 者 6 个 顶点 的 物体 施加 70 个 变换 ， 这 些 和 矩阵 
相 乘 的 开销 将 远 远 超过 复合 矩阵 与 顶点 坐标 数组 相 乘 的 开销 。 

可 通过 修改 strawman 算法 来 避免 上 述 的 重复 计算 。 我 们 对 场景 图 进行 一 个 深度 优先 
的 遍历 ,与 此 同时 构建 变换 矩阵 的 堆栈 。 每 遇 到 一 个 新 的 变换 矩阵 M， 就 将 它 和 当前 的 变 
换 矩 阵 C( 位 于 栈 顶 的 矩阵 ) 相 乘 ， 然 后 将 计算 结果 MC 压 人 栈 内 。 而 每 当 遍 历 往 上 经 过 一 
个 变换 结 点 时 ， 则 从 堆栈 中 弹出 一 个 和 矩阵。 这样 一 来 ， 无 论 什么 时 候 我 们 遇 到 几何 模型 
( 像 表 针 端 点 的 坐标 ， 或 者 椭圆 点 的 坐标 ) ， 都 可 以 将 其 坐标 数组 左 乘 当 前 的 变换 和 矩阵， 来 
得 到 这 些 点 的 WPF 坐标 。 在 下 面 的 伪 代 码 中 ， 我们 假设 : 场景 图 由 Scene 类 表示 ， 该 程 
序 最 终 返回 图 形 的 根 结 点 ; 变换 结 点 中 含有 一 个 matrix 方 法 ， 将 返回 复合 变换 的 和 矩阵; 
而 几何 结 点 有 一 个 vertexCoordinateArray 方法 ， 将 返回 一 个 包含 多 边 形 & 个 顶点 齐 
次 坐标 的 3Xk 数组 。 


1 void qdqrawScene (Scene myScene) 

s = empty Stack 

s.push( 3X3 iaentity matrix ) 
explore (myScene.rootNode(), s) 


void explore(Node n, Stackg s) 
if n is a transformation node 


‘OFFADWD 


push n.matrix() * Stop() onto s 
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11 else if n is a geometry node 


12 drawPolygon(s.top() * n.vertexCoordinateArray ()) 
13 

14 foreach child k of n 

15 explore(k, s) 

16 

17 if n is a transformation node 

18 pop top element from s 


在 某 些 复杂 的 模型 中 ， 和 矩阵 相 乘 的 计算 量 非常 大 。 如 果 同 一 模型 需 反 复 绘制 多 次 ， 而 
其 涉及 的 变换 并 无 变化 (例如 ， 驾 驶 仿真 游戏 中 某 一 建筑 物 的 模型 )， 则 宜 使 用 上 述 算 法 在 
场景 坐标 系 中 建立 一 个 多 边 形 表 ， 这 样 在 每 一 帧 中 只 需 重 新 绘制 这 些 多 边 形 ， 而 无 需 重 新 
解析 整个 场景 图 。 这 一 过 程 有 时 也 被 称 为 模型 预 处 理 (prebaking) 。 

上 面 的 算法 是 对 场景 图 进行 遍历 的 标准 算法 的 核心 。 另 外 ， 还 有 两 点 重要 的 补充 。 

首先 ， 几 何 变换 并 非 场 景 图 中 保存 的 唯一 信息 一 一 有 些 情况 下 ， 诸 如 颜色 这 样 的 属性 
信息 也 可 保存 。 简 单 情形 是 每 个 几何 结 点 都 保存 了 一 个 颜色 ， 在 绘制 时 drawPolygon 程 

序 将 同时 访问 该 结 点 的 顶点 坐标 数组 和 颜色 ; 较 复杂 的 情形 是 ， 颜 色 信 息 存 放 在 场景 图 的 
某 些 结 点 中 ， 而 该 颜色 适用 于 这 一 结 点 之 下 的 所 有 几何 形状 。 在 后 一 种 情形 中 ， 就 像 遍 历 
场景 图 时 将 变换 信息 压 人 变换 堆栈 中 一 样 ， 我 们 也 可 以 将 遇 到 的 颜色 压 人 另 一 个 并 行 的 堆 
栈 ， 以 随时 获取 当前 结 点 的 颜色 信息 。 两 者 的 区 别 在 于 ， 在 将 变换 压 人 堆栈 前 会 和 之 前 的 
复合 矩阵 相 乘 ， 而 颜色 信息 是 属性 的 绝对 值 而 非 相 对 值 ， 因 此 在 入 栈 前 无 需 以 任何 一 种 方 
式 和 之 前 的 颜色 设置 进行 组 合 。 容 易 想 象 一 种 场景 图 结构 ， 它 允许 用 户 调整 结 点 的 颜色 
(如 让 某 一 结 点 下 的 每 个 物体 的 颜色 变 亮 20%)， 在 这 一 结构 中 ， 颜 色 堆 栈 必 须 累积 颜色 的 
变换 信息 。 除 非 这 种 变换 限定 于 某 种 形式 ， 否则， 除了 将 它们 看 成 一 系列 的 变换 外 ， 并 不 
存在 一 种 一 致 性 的 方法 可 以 对 它们 进行 累积 。 在 这 一 方面 ， 和 矩阵 变换 有 其 特殊 性 。 

其 次 ， 我 们 研究 的 是 一 个 场景 图 为 树 结构 的 例子 ， 但 深度 优先 遍历 适用 于 任意 的 有 向 
非 循环 图 (DAG)。 事 实 上 ， 我们 的 时 钟 模型 就 是 一 个 有 向 非 循环 图 : 两 个 时 钟 指针 的 几何 
共享 一 个 表 针 模型 ( 取 自 WPF staticResource)。 进 行 深 度 优先 遍历 时 两 度 访问 表 针 的 
几何 模型 ， 并 绘制 生成 两 个 不 同 的 时 钟 指针 。 对 于 更 为 复杂 的 模型 (例如 由 多 个 相同 的 机 
器 人 组 成 的 场景 )， 对 同一 几何 模型 做 反复 访问 的 情形 会 频繁 出 现 : 每 个 机 器 人 有 两 只 相 
同 的 手臂 ， 它 们 指向 下 面 同 一 手臂 模型 ， 每 个 手臂 有 三 根 同样 的 手指 ， 它 们 指向 下 面 同 一 
个 手指 模型 ， 等 等 。 在 这 种 情况 下 ， 重 新 遍历 手臂 模型 时 显然 存在 若干 重复 操作 。 一 种 可 
行 的 优化 是 : 对 场景 图 进行 分 析 ， 来 检测 这 种 重复 遍历 并 通过 预 处 理子 以 避免 。 不 过 ， 在 
如 今 众 多 的 图 形 学 应 用 中 ， 场 景 遍历 只 占 整个 计算 量 的 很 小 部 分 ， 绝 大 部 分 计算 量 为 光照 
和 着 色 计 算 ( 对 于 3D 模型 ) 。 因 此 ， 除 非 你 确信 场景 遍历 占据 了 很 大 的 计算 量 ， 和 否则 无 需 
优化 场景 遍历 部 分 的 代码 。 


10. 11.1 场景 图 中 的 坐标 改变 
回 到 场景 图 和 和 矩阵 相 乘 ， 下 述 变 换 : 





1 ‘0 8] [#48 0 I DO 下 | 二 并 0 0 
0 1 :4810 4.8 0 b= 人 一】 届 (10-89) 
0 WY lald 0 1 0 0 0 WU 1 

















表示 了 时 钟 分 针 从 分 针 坐 标 系 到 WPF 坐标 系 的 变换 。 如 果 要 从 WPF 坐标 系 变 换 回 分 针 
坐标 系 ， 只 需要 做 上 述 变换 的 逆 变 换 ， 注 意 到 (4B) 一 王 B 4 : ， 则 逆 变 换 的 矩阵 为 
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所 二 0 01 74.8 0 TL -0 = 
0 一 0 \ 丰 0 0: 0 0 (C10=90) 
0 nsl 0 do 0 和 1 























类 似 地 ， 可 以 求 出 从 场景 图 中 的 任 一 坐标 系 变换 到 另 一 坐标 系 的 变换 矩阵 。 考 察 式 (10-89) 
所 列 和 矩阵 ， 在 对 从 分 针 坐 标 系 到 WPF 坐标 系 的 变换 中 遇 到 的 矩阵 进行 累积 时 ， 最 先 遇 到 
的 矩阵 位 于 最 右边 。 而 其 逆 变 换 则 以 相反 的 顺序 累积 各 矩阵 的 逆 。 在 建立 3D 场景 图 时 ， 
其 规则 完全 相同 。 

对 于 一 个 3D 场景 ,不 仅 有 对 其 几何 模型 的 描述 ， 也 有 如 何 将 模型 上 的 点 转换 为 屏幕 
上 显示 的 点 的 描述 ， 后 者 可 通过 指定 一 台 相 机 予以 确定 。2D 空间 的 情形 类 似 : 其 中 用 来 
构建 时 钟 模型 的 canvas 对 应 于 3D 场景 中 的 “场景 坐标 系 ”; 对 Canvas 坐标 系 进行 变换 
(缩放 (4.8，4. 8) 然 后 移动 (48，48)) 使 之 呈现 在 显示 屏幕 上 ， 这 与 3D 相机 的 取景 变换 是 
对 应 的 。 

模板 中 的 多 边 形 坐标 系 通 常 称 为 模型 坐标 系 。 类 似 于 3D 情形 ， 我 们 称 Canvas 坐标 系 
为 场景 坐标 系 ， 而 WPF 坐标 系 则 称 为 图 像 坐 标 系 。 在 讨论 3D 场景 图 时 ， 这 些 都 是 常用 
的 术语 。 

作为 练习 ， 考 虑 时 针 的 末端 点 ， 在 模型 坐标 系 中 (即时 钟 指针 模板 ) 该 点 位 于 (0，9)。 
同样 ， 分 针 的 末端 点 也 位 于 (0，9) 。 那 么 在 Canvas 坐标 系 中 时 针 末 端点 在 什么 位 置 呢 ? 
我 们 将 从 表 针 模板 到 canvas 的 变换 矩阵 全 部 相 乘 ， 得 到 : 


网 证 人 
O28 ‘O96 0 1 (10-91) 
lo 0 1 DA ee 

















二 | 一 0.44 一 0.68 0 





sk 1.63 
9| 王 | 一 6.09 (10-92) 
001 | 1 


为 了 简洁 ， 所 有 的 坐标 都 只 保留 了 两 位 小 数 。 分 针 末 端点 的 Canvas 坐标 为 
= Qo fe 0 i 0 
WP 检 | == 证 入 | 对 -| (10-93) 
0 0 1 0 Q@" Tp 1 
两 者 相 减 ， 从 时 针 未 端点 坐标 到 分 针 末 端点 坐标 的 向 量 为 [一 1.63 15.08 0]"。 该 结果 
是 在 canvas 坐标 系 中 向 量 [ 一 1.63 ”15. 08]' 的 齐 次 坐标 表示 。 
假设 我 们 想 要 知道 在 分 针 坐 标 系 中 从 时 针 末 端点 到 分 针 末 端点 的 方向 。 如 果 已 知 此 方 
向 ， 则 可 以 在 分 针 模 型 中 添加 一 个 指向 时 针 的 小 箭头 。 为 了 得 到 这 个 方向 向 量 ， 就 需要 知 
道 在 分 针 坐 标 系 中 时 针 末 端点 的 坐标 。 因 此 必须 将 该 端点 从 时 针 坐 标 系 变换 到 分 针 坐 标 
系 ， 这 可 以 沿 着 树 结构 向 上 ， 先 从 时 针 坐 标 系 变换 到 canvas 坐标 系 ， 再 朝 下 变换 到 分 针 
坐标 系 。 在 分 针 坐 标 系 下 ， 时 针 末 端点 的 坐标 为 





















































一 | 和 rg =0286 0 <] © “0 Fr 0]j [0 

0 i (5 0 0. 26 0-96. 全 | 0 = Ql 0:7 | 8 

0 0 1 0 0 1 0 0 1 0 @ TINO 0 4 看 
(10-94) 


将 这 一 结果 与 分 针 坐 标 系 中 分 针 末 端点 的 坐标 (0，9) 相 减 ， 可 得 到 从 分 针 末 端点 指向 时 针 
末端 点 的 向 量 。 





作为 最 后 的 练习 ， 假 设 我 们 希望 创建 一 个 时 钟 动画 :分 针 被 某 人 抓 住 不 放 ， 此 时 时 钟 
的 其 他 部 分 按照 分 针 旋 转 。 该 怎样 实现 呢 ? 

分 针 在 canvas 上 从 其 初始 位 置 12:00( 即 在 它 第 一 次 旋转 180" 之 后 的 方位 ) 转 到 当前 
方位 是 因为 经 历 了 一 系列 变换 。 这 个 变换 序列 较 短 : 由 若干 个 不 同 的 旋转 组 成 。 如 果 将 这 
一 系列 旋转 的 逆 变换 应 用 于 每 一 时 钟 元 素 上 ， 就 会 得 到 所 要 的 结果 。 因 为 对 分 针 实 施 了 旋 
转变 换 后 又 要 实施 对 应 的 道 变换 ， 所 以 也 可 以 两 者 都 不 实施 。 但 是 如 果 两 者 都 保留 ， 代 码 
的 可 读 性 会 更 好 。 我 们 也 可 以 将 逆向 旋转 作为 canvas 的 绘制 变换 的 一 部 分 。 

课 内 练习 10. 23: 如 果 要 实现 第 二 种 方法 一 一 在 Canvas 的 绘制 变换 中 插入 逆向 旋转 变 
换 一 那么 在 WPF 代码 中 它 应 该 出 现在 现 有 的 缩放 平移 变换 之 前 还 是 之 后 ? 请 试 一 试 。 


10. 12 ”变换 向 量 和 余 向 量 





导 


我 们 已 经 明确 : FE? 中 的 点 (x y) 对 应 3D 空间 中 的 向 量 [x y 1J"， 向 量 | “| 对 6 
3D 空间 中 的 向 量 [uw 0]*。 如 果 采 用 3X3 的 矩阵 M( 最 后 一 行为 [0 0 1 了 ) 进 行 3D 空 
间 变 换 ， 


下 = R’ -各 MX (10-95) 
那么 工 在 W=1 平 面 上 的 投影 在 EF 中 也 有 对 应 的 映 象 ， 因 此 可 以 写成 : 
(TIE):.E’ -> FE’.x Mx (10-96) 


但 是 我 们 也 注意 到 工 可 以 作为 一 个 变换 向 量 ， 或 者 是 2D 欧 几 里 得 空间 中 的 位 移 ， 它 
一 般 可 以 写 为 两 个 坐标 ， 但 通常 用 Lu w 0]】 进行 表示 。 因 为 这 种 向 量 的 最 后 一 个 元 素 
为 0， 所 以 M 的 最 后 一 列 对 于 向 量 的 变换 没有 影响 。 我 们 并 不 计算 








u 
Milv (10-97) 
0 
而 是 等 价 地 计算 
mi mz Ofu 
mz1 m2, 0|lv (10-98) 
0 0 QO 0 














所 得 结果 的 第 三 个 元 素 为 0。 事实 上 ， 可 以 将 这 类 向 量 当 作 2 坐标 的 向 量 进行 变换 ， 只 需 
要 做 简单 计算 
Le di (10-99) 


因为 这 个 原因 ， 有 时 候 我 们 说 : 对 于 由 和 矩阵 M 相 乘 表示 的 欧式 平面 上 的 仿 射 变换 ， 其 向 
量 的 相关 变换 可 以 表示 为 


A 7721 ,1 7721 ,2 
Mi= | | (10-100) 
M2,1 72,2 
对 余 向 量 如 何 计算 ? 回想 余 向 量 的 典型 形式 : 
pu:R > Rv wv (10-101) 


这 里 w 是 R* 中 的 某 个 向 量 。 我 们 想 采 用 同 一致 的 方法 对 $8。 进行 变换 。 图 10-19 说 明 
了 为 什么 要 这 么 做 : 我 们 经 常 构建 某 个 形状 的 几何 模型 ， 并 计算 模型 表面 的 法 向 量 。 假 设 
n 是 一 个 表面 法 向 量 。 对 该 几何 模型 实施 “ 建 模 变 换 ”Tw 将 它 放 入 3D 空间 ， 我 们 希望 知 
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道 变换 后 的 模型 表面 的 法 向 量 ， 以 便 计 算 光 线 v 和 表面 法 向 的 夹 角 ， 称 变换 后 的 表面 法 向 
量 为 严 ， 现 欲 计算 v，m。 那 么 变换 后 的 法 向 量 m 与 原 模型 表面 的 法 向 量 n 之 间 有 何 对 应 
关系 呢 ? 


站 ,和 
Re \ \ ke 图 10-19 a) 采用 某 种 建 模 工 具 构 建 的 几何 形体 ; 可 计 
LF P) \ } 八 算得 到 点 尸 的 法 向 量 m。 向 量 为 点 己 处 表 
VN. 六 面 的 切 向 ; b) 该 形体 被 放 入 场景 中 ， 期 间 实 
和 施 了 平移 、 旋 转 和 缩放 。 我 们 希望 找到 形体 
Y Ma 变换 后 PP 点 的 法 向 量 m， 且 m 与 变换 后 的 切 
a) b) 向 向 量 Mu 内 积 仍然 为 0 


根据 表面 法 向 的 定义 ， 原 始 模 型 上 的 法 向 量 n 与 通过 该 点 与 模型 表面 相 切 的 每 一 切 向 
量 w 垂直 。 故 新 的 法 向 量 m 也 必须 与 所 有 变换 后 的 切 向 量 (与 变换 后 模型 表面 相 切 ) 垂 直 。 
换 句 话说 ， 对 于 物体 表面 上 每 个 切 向 向 量 w， 我 们 需要 计算 : 


meMu=0 (10-102) 
实际 上 可 以 更 进一步 ， 对 于 任意 向 量 w， 我 们 希望 : 
mMu=n*u (10-103) 


这 就 是 说 ,确保 变换 前 某 一 向 量 和 法 向 n 之 间 的 夹 角 同 变 换 后 该 向 量 与 m 的 夹 角 保持 不 变 。 

在 求解 之 前 ， 让 我 们 先 来 看 下 面 一 些 例 子 ， 对 变换 T, ， 与 房子 的 底面 垂直 的 向 量 ( 作 为 
向 量 由 变 换 之 后 应 仍 与 变换 后 的 房子 底面 垂直 。 这 可 通过 将 其 旋转 30 得 到 ( 见 图 10-20) 。 

如 果 我 们 只 是 平移 这 栋 房 子 ， 和 其 他 向 量 一 样 ， 向 量 n 并 无 变化 。 

但 是 当 需 要 对 房子 进行 错 切 变换 时 ， 如 实施 变换 T;， 情况 如 何 呢 ? 相 应 的 向 量变 换 
仍然 为 错 切 变 换 ， 它 使 一 个 垂直 向 量变 为 倾斜 。 但 对 向 量 n 而 言 ， 如 果 和 希望 它 仍然 与 房子 
底面 保持 垂直 ， 就 不 必 做 任何 改变 ( 见 图 10-21)。 在 这 种 情况 下 ， 我 们 看 到 ， 在 是 否 需 进 
行 变换 方面 ， 余 向 量 和 向 量 存在 不 同 之 处 。 


及 





图 10-20 ”在 形体 旋转 变换 中 ， 法 向 量 和 图 10-21 ” 当 房 子 的 垂直 面 发 生 错 切 时 ， 
其 他 向 量 一 样 也 发 生 旋转 房子 底面 的 法 向 保持 不 变 
现在 回 到 我 们 的 问题 : 寻找 一 个 向 量 m， 对 于 每 个 可 能 的 向 量 w， 它 满足 : 

m*: (Mu)=n*.u (10-104) 
为 了 使 推导 更 明显 ， 交 换 向 量 的 顺序 ， 得 到 : 

(Mu ) .到 一 & (10-105) 
由 于 a*b 可 以 写作 aTb， 上 式 可 以 改写 为 

(Mu)™m = un (10-106) 


而 (4B) 一 B AI， 因 此 : 
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(Mu) i'm= u'n (10-107) 
(CT M' m= un (10-108) 
u (Mm)= uin (10-109) 


最 后 一 步 基于 和 矩阵 相 乘 的 结合 性 质 。 最 后 一 个 等 式 相 当 于 : 对 于 所 有 的 向 量 u, u* a==u*b， 
此 式 当 且 仅 当 a=b 的 时 候 才 成 立 ， 即 
Mm=n (10-110) 
所 以 
m=(M') 'n CLOSLLL) 
这 里 我 们 假设 M 是 可 道 的 。 
因此 我 们 可 以 得 出 : 余 向 量 如 被 变换 为 $857-'1,。 因 为 这 个 原因 ， 逆 转 置 常 常 叫 作 余 
向 量变 换 或 法 向 变换 ( 因 其 常用 于 法 向 量变 换 )。 注 意 如 果 我 们 将 余 向 量 写 作 行 向 量 ， 则 无 
需 进行 转 置 ， 但 是 需要 将 行 向 量 右 乘 M '。 
在 通常 数学 表述 中 ， 法 向 变换 沿 相 反 的 方向 : 取 Tuw 陪 域 中 一 个 法 向 量 并 生成 定义 域 
中 的 一 个 向 量 ， 该 伴随 变换 的 矩阵 为 MI 。 因 为 我 们 需要 反 向 求解 ， 所 以 取 该 矩阵 的 逆 。 
以 错 切 变换 T 为 例 ， 在 zyw 空间 ， 该 变换 矩阵 M 为 


1 2 认 
由 
0 "0 1 





(10=-112) 
因此 ,矩阵 逆 是 
. | (10-113) 
此 时 ， 法 向 变换 为 
qx] | Ss | (10-114) 
以 法 向 量 m 一 | ”| 为 例 ， 其 余 向 量 点 变 成 余 向 量 和 ,其 中 m-| :| "=| |. 
课 内 练习 10.24: (a) 建立 经 过 点 P 一 (1，1)， 法 向 量 为 咽 一 | ”| 的 直线 的 方程 (从 村 


形式 ， 不 是 向 量 形式 ) 。 
(b) 找 直 线 上 的 第 二 个 点 Q。 
(c) 求解 P'= 二 T;(P) 和 Q 二 T;(Q)， 以 及 连接 P' 和 Q’ 的 直线 方程 (坐标 形式 )。 


2 

(d) 验证 第 二 条 直线 的 法 向 与 一 | _。| 成 比例 ， 说 明 法 向 变换 对 该 直线 的 法 向 实施 
的 变换 是 合适 的 。 

课 内 练习 10. 25: 计算 法 向 变换 时 ， 我 们 假定 矩阵 M 可 地 。 对 以 下 事实 给 出 一 个 直观 
的 解释 ， 当 M 为 退化 矩阵 时 ( 即 不 可 弟 )， 将 无 法 定义 法 向 变换 。 提 示 。 在 上 述 讨 论 中 ， 
假定 向 量 u 通过 M 变换 到 0， 但 是 wu.n 不 等 于 0。 

10. 12. 1 对 参数 化 直线 进行 变换 


我 们 所 见 到 的 w 二 1 平面 上 的 所 有 变换 都 具有 将 直线 变换 到 直线 的 性 质 。 但 下 面 更 进 
一 步 的 说 法 也 是 对 的 : 它们 均 将 参数 化 直线 变换 为 参数 化 直线 ， 其 中 参数 化 直线 的 定义 
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是 : 如 果 是 参数 化 直线 ,Y= 二 {P 十 w: 1ER)}，Q 二 PP 十 v( 即 4 起 始 于 点 P， 在 t 二 1 时 经 
过 点 Q)， 而 为 变换 T(v)= 二 Mv， 则 T(Z) 为 直线 ， 
TC) = (TCP) 十 上 KTCQ) — T(P)):t € R) (10-115) 
实际 上 ， 直 线 《 上 参数 为 1 的 点 ( 称 为 P 十 +:(Q 一 P))， 经 过 械 变 换 后 ， 变 为 T(Z) 上 参数 为 
i 的 点 ( 即 TCP) 十 攻 T(Q) 一 TC(P)))。 
这 意味 着 对 于 迄今 为 止 我 们 考虑 过 的 变换 ， 平 面 变 换 可 以 与 仿 射 变换 或 者 线性 变换 组 
合 互 换 ， 所 以 你 可 以 对 一 组 点 先进 行 变换 再 进行 平均 ， 或 者 先 平 均 再 进行 变换 。 


10. 13 更 一 般 的 变换 
让 我 们 来 看 最 后 一 个 变换 ，T， 它 是 用 于 学 习 3D 空间 投影 和 相机 的 变换 原型 。 其 本 
质 的 思路 也 适用 于 2D 空间 ， 下 面 我 们 将 仔细 研究 这 一 变换 。 变 换 T 的 矩阵 M 是 : 


M 一 





2 0 一 1 
半 可 下 , (10-116) 
有 | 0 
很 容易 看 出 ，Tw 不 会 将 平面 包 二 1 变换 到 平面 w 二 1。 

课 内 练习 10. 26: 计算 T([2 0 1]')， 验 证 其 结果 不 在 平面 w==1 上 。 

图 10-22 显示 蓝 色 的 平面 ww 二 1， 灰 色 平 面 是 变换 后 w 二 1 的 平面 。 为 了 让 变换 T 对 我 
们 研究 平面 w==1 更 有 用 ， 我 们 需要 取 灰 色 平 面 上 的 点 并 将 它们 “ 变 回 ”到 蓝 色 平面 上 。 
为 此 ， 引 进 一 个 新 的 函数 互 : 
下 人 
y ;| cy [x/w,y/w,1)] (LO=| 0 
0 

图 10-23 展示 了 2D 空间 中 的 类 似 函 数 如 何 将 直线 w= 二 0 外 的 所 有 点 变换 到 直线 ww 二 1 
上 :， 取 一 典型 点 已 ,将 点 已 和 原点 O 用 直线 连接 起 来 ， 观 察 这 条 直线 与 直线 w 二 1 交点 的 
位 置 。 可 看 到 其 至 该 直线 上 位 于 w 负 半空 间 中 的 点 也 与 直线 包 二 1 交 于 同一 位 置 。 当 点 P 
位 于 x 轴 上 时 ， 上 述 连接 - 求 交 操作 当然 是 无 定义 的 ， 因 为 它 和 原点 的 连 线 就 是 x 轴 自 身 ， 
而 z 轴 不 可 能 与 直线 w= 二 1 相交 。 互 在 图 形 学 领域 通常 称 为 齐 次 变换 。 


H.R’?—( :TX,y, E R}—R'. 














图 10-22 经 过 Tw 变换 ， 蓝 色 平 面 w= 二 1 
变换 为 倾斜 的 灰色 平面 
有 了 互 ， 我 们 在 平面 双 王 1 上 可 以 定义 一 个 新 的 变换 
S(v) = H(Tw(v)) (10-118) 
该 定义 存在 一 个 严重 的 问题 : 正如 读者 在 图 10-22 中 看 到 的 ， 工 映射 像 中 一 些 点 位 于 平面 
也 二 0 上 ， 而 对 于 w= 二 0 平面， 日 无 定义 ， 因 此 S 也 无 法 定义 。 现 在 暂时 忽略 这 一 问题 ， 
不 将 S 施加 在 这 些 点 上 。 


图 10-23 2D 情况 下 的 齐 次 变换 | itd 


四 
w | 
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课 内 练习 10. 27: 找到 w==1 平面 上 Tw(v) 的 ww 坐标 为 0 的 所 有 点 (其 中 v=[x y 1]')。 
这 些 点 正 是 S 没 有 定义 的 点 。 
变换 S( 先 乘 以 矩阵 M， 然 后 做 齐 次 坐标 变换 ) 称 为 投影 变换 。 注 意 到 如 果 我 们 在 线性 
或 者 仿 射 变换 后 再 做 齐 次 变换 ， 齐 次 变换 将 不 起 作用 。 因 此 ， 我们 有 三 个 谋 套 的 变换 类 
型 : 线性 变换 、 仿 射 变换 (包括 线性 变换 和 平移 以 及 它们 的 组 合 ) 和 投影 变换 (包括 仿 射 变 
换 和 如 同 S 一 样 的 变换 )。 
图 10-24 给 出 了 位 于 平面 w= 二 1 上 的 几 个 物体 ， 视 图 沿 ww 轴 向 下 ，y 轴 绘 制 为 浅 绿色 ， 
在 y 轴 上 S 无 定义 。 图 10-25 展示 了 这 些 物体 经 过 变换 S 之 后 的 结果 。 很 明显 ， 经 S 变换 
后 ， 大 多 数 情 形 中 ， 线 仍 变 换 为 线 : 图 中 的 蓝 色 线段 中 部 与 > 轴 相 交 ，S 变换 后 变 为 两 
段 ， 但 是 两 段 仍 位 于 同一 条 直线 上 。 我 们 称 直线 y= 二 0 被 “变换 至 无 限 远 处 ”。 图 10-24 中 
Z 一 1 处 的 红色 竖 直 线 变 换 为 图 10-25 中 xz 二 0 处 的 红色 竖 直线 。 而 每 条 穿 过 图 10-24 中 原 
点 的 射线 都 变换 为 图 10-25 中 的 水 平 线 。 我 们 可 进一步 总 结 为 : 假设 P 表示 不 在 y 轴 上 
的 任意 一 点 X 在 图 10-24 中 直线 z 王 1 上 相对 于 原点 的 投影 ， 而 P, 表示 该 点 在 图 10-25 中 
直线 z= 二 0 上 的 水 平 投影 。 则 
SCP,(X)) = P,(S(X)) (10-119) 





图 10-24 变换 之 前 平面 ww 一 1 中 的 物体 图 10-25 同样 的 物体 但 是 经 过 变换 S 后 

换 句 话说 ，S 将 径 向 投影 转换 为 平行 投影 。 在 第 13 章 中 ,我 们 将 会 看 到 这 一 方法 的 
3D 版 本 : 它 将 场景 对 眼睛 的 中 心 投影 转换 为 平行 投影 。 这 一 点 非常 有 用 ， 因 为 在 平行 投 
影 中 ， 很 容易 通过 比较 “深度 ” 值 来 确定 物件 间 的 遮挡 关系 。 

让 我 们 看 看 S 如 何 转换 一 条 参数 化 的 直线 。 假 设 直 线 4 始 于 点 P， 当 1 二 1 时 穿 过 点 Q 














| 2 
l(t)= |0|+zll (10-120) 
0 0 
= P+i+i(Q—P) (10-121) 
这 里 PP 三 [1 0 1]" 且 Q=[3 1 1]s 在 平面 ww 二 1 2 
中 ,该 直线 的 投影 始 于 (x，y) 二 (1，0)( 对 应 于 t= 二 0)， 
朝向 右上 方 ， 当 t==1 时 到 达 (x，y) 王 (3，1)( 见 图 10-26) 。 
函数 工 将 Z 变换 为 4', VY 始 于 T(P)=[1 0 1] 2 
《对 应 于 t= 二 0)， 当 t==1 时 到 达 T(Q)==[5 1 3]， 
等 式 为 : 


二 [1 区 了 二 站 和 1 六] CipeT227 SR re 
色 10-26 线 2 在 上 一 0 ， 在 
= TPATCQ) = T(PY) 《10-1257 a ge 


图 10-27 展示 了 3D 空间 中 经 过 Tw 变换 后 的 这 条 直线 ; 分 布 于 0 过 1 过 1 
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点 的 间距 仍 保持 为 常数 。 

显然 这 是 该 直线 的 参数 方程 ， 因 为 每 一 个 线性 变换 总 是 将 参数 化 直线 变换 为 参数 化 直 
线 。 但 经 过 互 变换 后 ， 有 趣 的 事情 发 生 了 。 因 为 函数 互 是 非 线性 的 ， 参 数 化 直线 并 未 变 
换 为 参数 化 直线 。 点 4(1)= 二 [1 十 4t t 1 十 21]? 被 变换 为 -A 























TC 二 421)/(1 十 22) 
iCt = t/ (1 22) (10-124) 
| 1 
四 | 
下 王国 下 CE 
二 | 1 (10-125) 
[1 0 图 10-27 经 过 变换 Tw ， 点 
等 式 (10-125) 非 常 接近 参数 化 直线 的 形式 ， 但 其 方向 向 量 仍然 是 等 间距 的 
的 系数 与 S(Q) 一 SCP) 成 正比 ， 并 有 如 下 形式 : 
人 (10-126) 


称 为 1 的 分 数 线性 变换 。 这 一 非 标准 的 形式 在 实际 应 用 中 同样 十 分 重要 : 例如 ， 它 告诉 我 
们 ， 如 果 我 们 对 P 和 Q 进行 插值 得 到 P 和 Q 的 中 点 M， 对 上 述 三 点 进行 S 变换 后 ，S 
(MD) 通 常 不 会 是 SCP) 和 SCQ) 的 中 点 ， 如 果 我 们 在 变换 后 进行 插值 ， 那 么 插值 结果 将 是 不 
正确 的 。 图 10-28 展示 了 定义 域 中 等 间距 的 点 在 投影 变换 后 变 为 不 均匀 分 布 。 

换 句 话说 ， 变 换 S 和 插值 的 顺序 不 可 交换 。 当 实施 包含 齐 次 变换 旷 的 变换 时 ， 我 们 
不 能 假设 变换 前 和 变换 后 进行 插值 会 有 相同 的 结果 。 幸 运 的 是 ， 有 一 个 方法 可 以 解决 这 一 
问题 ( 见 15. 6.4 节 )。 

课 内 练习 10. 28: (a) 证 明 如 果 n 和 了 是 不 同 的 非 零 数 ， 下 面 矩 阵 定 义 的 变换 








站 
7 一 ”7 一 
N = 0 1 0 (C10=127)» 
1 0 0 


后 面 紧 跟 一 个 齐 次 变换 时 ， 会 将 直线 x 二 0 变换 为 无 穷 远 ， 直 线 x 二 n 变换 到 x 一 0， 而 直 
线 二 了 变换 到 工 二 1。 

(b) 试 修改 矩阵 让 它 将 x 二 了 变换 到 工 二 一 1。 

课 内 练习 10. 29: (a) 证 明 如 果 芽 为 Ri? 上 的 任意 线性 变换 ， 那么 对 于 任何 非 零 的 a€ 
R 和 任意 向 量 vERi,， 有 H(T(aw))= 二 H(T(v))。 

(b) 证 明 如 果 K 是 任意 和 矩阵， 那么 H(Tk(v)) 二 日 (Ti(v)) 同 样 成 立 。 

(c) 试 得 出 结论 : 若 电位 于 矩阵 操作 序列 的 最 后 ， 和 矩阵 所 乘 数 的 大 小 不 影响 最 后 结 
果 ， 也 就 是 说 ， 用 任何 非 零 常数 与 矩阵 相 乘 所 得 结果 均 相同 。 












假设 3D 答 阵 变换 T(v) 二 Kv， 其 中 了 非 退化 ( 即 仅 当 v 二 0 时 ，T(v) 二 0)。 那 么 
了 可 将 过 原点 的 直线 变换 为 仍然 过 原点 的 直线 ， 这 是 因为 如 果 天 0 为 任意 非 零 向 量 ， 
则 {av: wER} 是 包含 w 且 通过 原点 的 直线 ， 经 过 了 变换 后 ， 我 们 得 到 {aT(z): a€ 
R} ， 它 仍 过 原点 且 包 含 T(z)。 因 此 ， 与 其 认为 变换 了 变换 的 对 象 是 R* 中 的 点 ， 不 如 
认为 它 施加 在 过 原点 的 直线 上 。 将 每 条 过 原点 的 直线 与 岂 一 1 平面 相交 ， 我 们 亦 可 以 认 
为 工作 用 于 w 二 1 平面 ， 不 过 这 里 存在 一 个 小 问题 : 3D 空间 中 一 条 过 原点 且 与 平面 ww 一 1 
相交 的 直线 经 过 变换 后 ， 可 能 不 再 与 该 平面 相交 ( 即 变换 成 一 条 水 平 直线 )， 反 之 亦 然 。 
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因此 ， 若 条 用 = 1 地面 永 “领悟 ” 变换 了 将 直线 变换 为 直线 会 使 人 困 矶 。 

将 线性 变换 理解 为 对 穿 过 原点 的 直线 的 变换 是 投影 几何 的 核心 。 对 投影 几何 的 理 
解 将 有 助 于 加 深 我 们 对 图 形 学 中 变换 的 理解 ， 但 并 非 必需 。 Hartshorne[ Har09] 的 著作 
为 学 习 过 抽象 代数 的 学 生 提 供 了 一 个 极 好 的 入 门 引导 。 








如 同 我 们 在 这 一 节 前 面 见 到 的 例子 ， 至 w==1 平面 的 变换 由 一 个 Ri 上 的 任意 变换 矩 
阵 和 紧 接 着 的 互 变换 构成 ， 称 之 为 投影 变换 。 投 影 变换 类 包含 了 所 有 的 平面 基本 变换 ， 
如 : 平移 、 旋 转 和 缩放 ( 即 平面 仿 射 变换 ) ， 也 包含 了 许多 其 他 变换 。 和 线性 及 仿 射 变换 相 
同 ， 投 影 变 换 也 有 一 个 唯一 性 定理 : 如 果 P、Q、R 和 S 是 平面 上 的 四 点 ， 其 中 任何 三 点 都 
不 共 面 ， 则 存在 唯一 的 投影 变换 将 这 些 点 分 别 变 换 至 (0，0)、(1，0)、(0，1) 和 (1，1)。 
(注意 ， 同 一 变换 可 能 被 描述 成 两 个 不 同 的 抢 阵 。 例 如 ， 如 果 天 是 投影 变换 S 的 矩阵 ， 那 
么 2K 定义 的 是 完全 相同 的 变换 。) 

对 于 之 前 章节 中 讨论 过 的 所 有 仿 射 变换 ， 我 们 均 已 确定 了 其 对 向 量 和 法 向 量 的 伴随 变 
换 。 对 于 投影 变换 ， 这 一 过 程 稍 显 复杂 。 在 图 10-24 和 图 10-25 所 示 的 投影 变换 中 ， 棕 黄 
色 和 矩形 的 顶 边 和 底 边 为 同方 向 的 向 量 。 可 以 看 到 ， 它 们 变换 后 指向 不 同 的 方向 。 这 里 无 法 
实施 单一 的 “向 量 ” 变 换 。 若 向 量 v 的 始点 为 P 点 ， 只 能 实施 “在 己 点 的 向 量变 换 ” 来 
确定 v 变换 后 的 方向 。 法 向 量 的 情形 是 类 似 的 : 在 每 个 点 处 对 应 不 同 的 法 向 变换 。 这 两 种 
情形 都 是 由 互 变换 所 致 。 一 般 而 言 ， 对 任意 函数 U， 它 的 “向 量 ” 变 换 即 为 其 导数 DU。 
对 和 矩 阵 变 换 Tw， 假定 它 只 作用 于 平面 w= 二 1 上 的 点 ， 则 因 位 于 该 平面 上 的 所 有 “向 量 ” 
其 ww 二 0， 对 这 些 向 量 进行 变换 的 矩阵 的 第 三 列 均 可 设置 为 0( 或 者 直接 写 为 一 个 2X2 的 矩 
阵 ， 对 2D 向 量 进 行 操作 如 我 们 之 前 所 见 )。 但 是 因为 



































S==H a Ty (10=128) 
我 们 有 (使 用 多 变量 链 式 法 则 ) 
DEPY = DH(TyCP) DIEI7 (10-129) 
Ee /to 
现在 ， 因 为 互 | |y | | 二 |y/w|， 且 我 们 知道 
tw 1 
更 li 和 
从 再 小 | 竺 "| 故 l/w -| (10-130) 
Tw 0 0 0 
人 
| > (10-131) 
a 
个， 六 0 
和 
vA 
DTaP 以 寺 b J | (10=132) 
EN 0 


t 
0 


所 以 ， 如 果 P=[Lz y 1j] 是 w=1 的 平面 上 的 一 个 点 ， 而 "一 |t | 是 该 平面 上 的 一 个 向 量 ， 
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de ti | 
那么 SC(P)= | y 并 且 


并 





DS(P)(v)= DH “DICE C10-183) 





Ey 


Le Or = (= 
2 0 1 0||， (10-134) 
A 
lo 0 0 tH lo 








i 和 CE 
一 坪 — 0||t|= |(xr Oo sy) /7 C10=<135) 
. ® 0 Qi | 0 








显然 ,“ 向 量 ” 变 换取 决 于 它 所 实施 的 点 (x+，y，1)。 法 向 变换 ， 作 为 向 量变 换 的 逆转 
置 ， 对 其 实施 的 点 具有 相同 的 依附 性 。 


10. 14 ”变换 与 插值 


当 你 在 桌面 上 将 一 本 书 逆 时 针 方 向 旋转 30" 时 ， 书 旋转 经 过 从 0" 一 30" 之 间 的 每 个 中 间 
角度 。 但 是 当 我 们 对 图 中 房子 同样 “旋转 ”30" 时， 我 们 仅 需 计算 旋转 后 房子 上 每 个 点 的 
最 后 位 置 ， 而 无 需 旋转 任何 的 中 间 角 度 。 在 旋转 180 的 极端 情况 下 ， 最 后 的 变换 结果 和 
“均匀 缩放 一 1 倍 ” 完 全 相同 。 在 旋转 360 的 情况 下 ， 变 换 结果 就 是 它 自己 。 

这 反映 了 建 模 变 换 的 一 个 限制 。 采 用 矩阵 变换 对 普通 物体 的 变换 进行 建 模 ， 关 注 的 是 物 
体 的 初始 位 置 和 最 终 位 置 之 间 的 对 应 关系 ， 而 没有 关注 它 从 初始 到 最 终 位 置 的 变换 过 程 。 

很 多 时 候 ， 上 述 差别 无 关 紧 要 : 我 们 只 是 想 要 把 物体 置 于 一 个 特定 的 位 置 和 朝向 ， 
而 对 物体 (或 它 的 一 部 分 ) 实 施 一 系列 的 变换 。 但 有 时 候 它 又 很 重要 : 例如 我 们 希望 展示 物 
体 正 在 从 初始 状态 变换 到 最 终 状态 。 一 个 简单 但 很 少 用 的 方法 是 ， 对 物体 上 的 每 个 点 在 其 
初始 位 置 和 最 终 位 置 之 间 进行 线性 插值 。 在 “旋转 180 ”这 个 例子 中 ， 如 果 采 用 上 述 插值 
方法 ， 那 么 在 中 间 时 整个 物体 将 收缩 为 一 个 点 ; 若 在 “旋转 360 ”这 一 例子 中 也 采用 揪 
值 ， 那 么 物体 根本 就 不 会 有 任何 移动 ! 而 此 时 我 们 真正 想 要 的 是 表现 变换 过 程 的 插值 版 
本 ， 而 不 是 变换 本 身 。( 因 此， 从 初始 状态 到 最 终 “ 旋 转 360”， 我 们 需要 取 从 0 一 360 之 
间 的 每 个 > 值 ， 对 初始 状态 实施 “旋转 > 度 ”的 变换 ) 

有 时 学 生 会 把 “ 乘 以 单位 矩阵 ”的 变换 和 “旋转 360”( 同 样 表达 为 “ 乘 以 单位 矩 
阵 ”) 相 混淆 ， 例 如 ， 他 们 可 能 会 对 不 能 通过 “ 除 以 2” 生 成 180 的 旋转 而 感到 失望 。 尤 其 
使 人 烦恼 的 是 用 户 接触 到 的 只 是 变换 的 矩阵 形式 ， 而 不 是 最 初 的 变换 定义 ; 此 时 ， 正 如 例 
子 中 所 展示 的 ， 尚 无 通用 的 方法 来 解决 “变换 到 中 间 角 度 ” 这 类 问题 。 另 一 方面 ， 在 实用 
中 常 能 找到 足以 给 出 合理 结果 的 解决 方案 ， 特 别 是 对 于 两 个 相似 变换 进行 插值 (例如 ， 在 
旋转 20 和 旋转 30 之 间 进 行 插值 )。 我 们 将 在 第 11 章 讨 论 这 些 内 容 。 


10. 15 讨论 和 延伸 阅读 
我 们 已 经 介绍 了 三 类 基本 的 变换 :线性 变换 、 仿 射 变换 和 投影 变换 。 对 线性 变换 ， 读 


者 在 线性 代数 中 已 经 遇 到 过 。 仿 射 变 换 中 包括 了 平移 ， 可 视 为 zy 空间 中 线性 变换 的 一 
个 子 集 ( 限 于 w= 二 1 平面 )， 投 影 变 换 源 于 xyw 空间 中 的 通用 线性 变换 ， 同 样 它 被 限制 于 





w 王 1 平面 ， 并 且 后 面 紧 跟着 一 个 除 以 w 的 齐 次 化 操作 。 我 们 已 经 展示 了 如 何 用 矩阵 乘法 
来 表示 每 一 种 变换 ， 并 建议 读者 将 变换 和 表示 它 的 矩阵 区 分 开 。 


对 于 每 一 类 变换 ， 都 有 一 个 唯一 性 定理 : 平面 上 的 线性 变换 由 两 个 独立 向 量 确定 ; 仿 


射 变换 由 三 个 非 共 线 的 点 确定 ; 投影 变换 由 四 个 点 确定 ， 其 中 任意 三 点 不 共 线 。 在 下 一 章 
中 我 们 将 看 到 3D 空间 中 的 类 似 结果 ， 而 在 接 下 来 的 一 章 中 ,我们 将 会 看 到 如 何 基于 这 些 
定理 建立 一 个 变换 库 ， 读 者 不 再 需要 耗费 时 间 来 构建 各 个 变换 矩阵 。 


虽然 对 一 般 人 来 说 ， 和 矩阵 并 不 如 同 “将 点 A、B、C 变换 成 A 、B”"、C’” 那 样 容易 理 


解 但 采用 矩阵 来 表示 变换 还 是 非常 有 用 的 ， 特 别 是 组 合 变换 等 价 于 和 矩 阵 相 乘 ; 对 许多 点 实 
施 一 系列 复杂 的 变换 可 以 转化 为 将 这 些 点 的 坐标 乘 以 单个 矩阵 。 


10. 16 练习 


:ii 


T0:22 


10:3 


10.4 


10.6 


使 用 2D 测试 平台 编写 程序 来 展示 窗口 变换 。 假 设 用 户 要 点 击 并 拖 搜 两 个 矩形 ， 试 计算 其 涉及 的 
变换 。 在 用 户 在 第 一 个 矩形 里 的 点 击 位 置 处 显示 小 圆 点 ， 在 第 二 个 矩形 中 的 点 击 位 置 同样 显示 为 
圆 点 。 请 提供 一 个 清除 按钮 以 便 用 户 重启 。 


将 M 一 | 人 | 乘 以 表示 其 逆 的 表达 式 (10-17)， 验证 乘积 确实 为 单位 阵 。 


假设 M 是 一 个 nXn 的 方 阵 ， 奇 异 值 分 解 为 M 王 CUDYV  。 

(a) 为 什么 V'V 是 单位 矩阵 ? 

(b) 设 i 是 1~n 中 任意 一 个 数 。V" wv; 是 什么 ? 其 中 ww 表示 V 的 第 i 列 元 素 。 提 示 : 使 用 问题 (a) 
的 结论 。 

(c) 什么 是 DVIz? 

(d) 试用 wu 和 di(D 的 第 i 个 对 角 元素 ) 表 示 Mo;? 

(e) 设 M 一 dazT 十 … 十 daoI。 证 明 Mu 一 du 

(f 说 明 为 什么 v;，i 二 1，…，n 线性 无 关 ， 它 跨越 整个 R" 空 间 。 

(g) 对 nn 个 线性 无 关 的 向 量 ， 试 得 出 w 局 Mw 和 mu 一 Ma 相 一 致 ， 故 为 R" 上 同一 线性 变换 。 

(h) 由 上 得 出 M' 一 M。 因 此 奇异 值 分 解 证 明了 下 述 定理 : 每 个 矩阵 都 能 写成 外 积 ( 即 wzo7 形式 的 
和 矩阵) 之 和 。 

(a) 若 P、Q 和 尺 是 平面 上 的 非 共 线 点 ,证明 Q 一 P 和 R 一 P 是 线性 无 关 的 向 量 。 

(b) 若 w 和 wv 为 平面 上 线性 无 关 的 点 ，A 为 平面 上 一 任意 点 ,证 明 A，B=A+u 和 C=A 十 v， 
为 不 共 线 的 点 。 这 证 明了 两 种 仿 射 坐标 系 是 等 价 的 。 

(c) 3D 空间 中 的 两 种 仿 射 坐标 系 的 形式 是 : (iD 四 个 点 ， 其 中 无 任何 三 点 共 面 和 (iD 一 个 点 和 三 个 
线性 无 关 的 向 量 。 证 明 如 何 将 其 中 一 种 坐标 系 转化 到 另 一 种 坐标 系 ， 试 给 出 第 三 种 可 能 的 坐 
标 系 形式 (三 个 点 和 一 个 向 量 ? 两 个 点 和 两 个 向 量 ? 你 可 以 自己 选 !1) 并 证 明 其 等 价 性 。 

如 果 和 矩阵 M 的 列 是 v1，v;，…，ws ER ， 并 且 它 们 均 为 成 对 的 正 交 单 位 向 量 ， 那 么 MM= 1， 

五 为 &X& 的 单位 矩阵 。 

(a) 解释 为 什么 在 这 种 情况 下 ,kn。 

(b) 证 明 MTM 一 到 。 

图 像 ( 即 一 个 灰 度 值 数 组 ， 灰 度 值 为 0 一 1 之 间 ) 可 以 想象 成 一 个 大 矩阵 M( 事 实 上 ， 这 正 是 我 们 在 

程序 中 表示 图 像 的 方式 )。 使 用 线性 代数 库 计 算 某 张 图 像 M 的 奇异 值 分 解 M 二 UDV"。 根 据 练 习 

10. 3 中 所 述 的 分 解 定理 ， 将 该 图 像 表 达 为 多 个 向 量 的 外 积 之 和 。 若 将 D 的 最 后 90% 个 对 角 元 素 用 

零 取 代 得 到 新 的 矩阵 D'， 则 乘积 M 二 UD'V 外 积 和 中 90% 的 项 将 删除 ,但 删除 的 是 这 些 项 中 最 小 

的 90%。 写 出 M' 并 将 它 和 M 比较 。 取 90% 之 外 的 不 同比 率 进行 测试 。 在 哪 一 层次 上 将 难以 分 辨 

这 两 张 图 像 的 区 别 ? 在 练习 过 程 中 你 可 能 碰 到 小 于 0 或 大 于 1 的 值 。 只 需要 将 这 些 值 归并 到 区 间 

[0，1] 中 即 可 。 








0 
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10. 9 


和 矩阵 的 秩 是 矩阵 中 线性 无 关 的 列 的 数目 。 
(a) 解释 为 什么 两 个 非 零 向 量 的 外 积 的 秩 总 是 1 。 
(b) 练习 10. 3 描述 的 分 解 定理 将 矩阵 M 表示 为 一 系列 秩 为 1 的 矩阵 之 和 。 取 外 积 之 和 的 前 p 项 ， 
解释 为 什么 其 秩 为 p( 假 设 di;，d,，…，d, 了 关 0)。 事 实 上 ，M, 是 最 接近 M、 秩 为 p 的 矩阵 (所 
谓 最 接近 是 指 M 一 M, 的 元 素 的 平方 和 尽 可 能 小 )。 
假设 TR’ 一 R* 是 一 个 2X2 和 矩阵 表示 的 线性 变换 ， 即 T(x) 二 Mx。 设 K 二 max xE€S!' 上 T(x)|’， 
也 就 是 说 KK 是 经 过 M 变换 的 所 有 单位 向 量 的 最 大 平方 和 。 
(a) 如 果 M 的 SVD 是 M=UDVT, 证 明 K=di。 
(b) 经 过 M 变换 的 所 有 单位 向 量 的 最 小 平方 和 是 多 少 ( 用 D 表示 )? 
(c) 推广 到 RR。 
Pp, 
证 明 三 个 不 同 的 点 P、Q 和 RR 在 欧 氏 平面 是 共 线 的 ， 当 且 仅 当 对 应 的 向 量 (zp 一 [ 
1 


等 .) 是 线性 





相关 的 。 提示 : 证 明 如 果 a 不 全 为 0， 且 apvp 十 aeve 十 azRg 王 0 成 立 ， 则 
(a) a 全 不 为 0, 且 


(b) 点 Q 是 P 和 R 的 仿 射 组 合 ; = 因此 Q 一 定位 于 P 和 尺 之 间 的 直线 上 。 
(c) 论证 : 如 果 P、Q 和 R 中 两 个 或 两 个 以 上 的 点 为 相同 的 点 ， 则 线性 相关 即 为 三 点 共 线 。 


10. 10 可 通过 观察 矩阵 来 识别 矩阵 所 表示 的 变换 。 例 如 ， 很 容易 识别 一 个 齐 次 坐标 系 中 表示 平移 的 3 义 


的 5 


3 矩阵: 它 的 最 下 面 一 行 是 L0 0 1] 且 其 左上 角 2X2 的 块 是 单位 阵 。 对 于 齐 次 坐标 系 中 表示 变 
换 的 3X3 矩阵， 

(a) 如 何 判 定 这 个 变换 是 仿 射 或 非 仿 射 变换 ? 

(b) 如 何 判 定 这 个 变换 是 线性 或 非 线 性 变换 ? 

(c) 如 何 判 定 它 是 否 表示 一 个 围绕 原点 的 旋转 。 

(d) 如 何 判 定 它 是 否 表示 均匀 的 缩放 变换 。 

假设 我 们 有 一 个 线性 变换 TR* 一 R*， 而 且 两 个 坐标 系 的 基 为 {uw ，uws} 和 {vi， vs); 所 有 四 个 基 
向 量 都 是 单位 向 量 ，w 为 w 逆 时 针 旋 转 90"， 同 样 ，z 为 ww 逆 时 针 旋 转 90”"。 在 w 坐标 系 中 表示 
工 的 矩阵 为 M,， 坐标 系 中 表示 了 的 矩阵 为 M.。 


(a) 如 果 ML， 为 旋转 矩阵 | ee 
(b) 如 果 M, 是 均匀 的 缩放 矩阵 ， 即 单位 矩阵 的 倍数 ， 则 M, 呢 ? 
Co 如 果 M, 是 非 均匀 的 缩放 短 阵 | 


|, 由 mx 呢 ? 


ls 其 中 4 关 5， 则 M, 呢 ? 
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引言 


3D 空间 变换 在 很 多 方面 与 2D 空间 情形 类 似 。 


通过 将 3D 空间 视 为 由 (x，y，zxz，w) 定 义 的 4D 空间 中 w=1 的 子 集 成 ， 可 将 平移 
并 入 矩阵 表示 。 特 别 地 ， 由 和 矩阵 


Lo 
oe 


a 
b 
c 


SS DO 


(0A. 0 玫 
表示 的 线性 变换 ， 当 限制 于 EF 时 ， 为 下 空间 的 一 个 平移 La 2 cj。 
假定 工 为 任意 连续 的 、 将 直线 变换 为 直线 的 变换 ， 并 记 0 为 3D 空间 的 原点 ， 则 可 
定义。 
人 (x) = T(x) 一 TO) CILLALY 
这 是 一 个 将 原点 变换 到 原点 的 保 线 性 变换 个 。 它 可 表示 成 与 一 个 3X3 矩阵 M 的 乘 
积 。 因 此 ， 为 了 理解 3D 空间 的 保 线性 变换 ， 我 们 将 其 分 解 为 3D 空间 的 一 个 平移 
(可 能 是 单位 矩阵 ) 和 一 个 线性 变换 。 
投影 变换 类 似 于 2D 空间 的 情形 ; 它 定义 在 整个 平面 而 不 是 一 条 直线 上 。 除 此 之 外 ， 
两 者 完全 类 似 。 
缩放 变换 同样 可 分 为 均匀 缩放 或 非 均 匀 缩 放 ; 非 均匀 缩放 变换 的 特点 是 沿 三 个 不 变 
的 正 交 方向 进行 缩放 ， 具 有 三 个 缩放 因子 而 不 是 两 个 ， 其 他 并 无 显著 不 同 。 沿 x、 
y、z 轴 分 别 缩放 ae 、2、*c 倍 的 变换 矩阵 为 
a QO QQ ‘0 
@ #0 0 
C11-2) 
@ QE 0 
De OO i 
当 缩 放 因 子 a、5b、c 中 的 一 个 或 三 个 取 负 值 时 沿 其 反方 向 缩放 : 假定 向 量 wm 、w;、 
vs 三 元 组 构成 右手 坐标 系 ， 经 历 这 一 变换 后 将 得 到 一 个 左手 坐标 系 。 均 匀 缩 放 中 
的 缩放 因子 为 负数 ， 则 将 导致 变换 矩阵 中 三 个 对 角 元 素 均 为 负 值 ， 从 而 方向 取 反 。 
类 似 地 ， 错 切 变换 依旧 会 使 直线 上 的 点 保持 在 同一 直线 上 。 直 线 外 点 的 移动 量 取决 
于 这 些 点 与 直线 的 相对 位 置 ， 但 相对 位 移 现 在 采用 2D 度量 而 不 是 1D。 同 样 ， 也 有 
可 维持 共 面 性 的 错 切 变 换 。 
2D 中 的 反射 或 为 点 反射 (变换 x 一 x)， 其 结果 等 同 于 该 点 旋转 一 个 角度 x; 或 按 
直线 反射 。 在 3D 中 ， 则 存在 点 、 直 线 或 平面 的 反射 。 点 反射 依旧 由 映射 x 收 一 x 给 
出 。 与 2D 情形 不 同 ， 这 一 映射 将 使 朝向 反 向 。 最 后 , 平面 反射 定义 为 映射 
X XxX—2(x° mn (11-3) 
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其 中 是 平面 的 单位 法 向 量 。 它 类 似 于 2D 中 关于 直线 的 反射 ， 但 3D 中 这 一 映射 
是 保 方向 的 。 映 射 的 矩阵 为 


下 
—2nn, 1 一 2 —2n.n: 0 
了 一 27 7 = ER (11-4) 
一 2n2 0 
0 0 CW 
不 过 ， 我 们 建议 使 用 表达 式 1 一 2nn” 来 构建 反射 矩阵 而 不 推荐 采用 容易 出 错 的 、 显 
式 写 出 矩阵 元 素 的 方式 。 


2D 和 3D 变换 最 大 的 区 别 在 旋转 上 。 在 2D 中 ， 围 绕 原点 的 旋转 与 单位 圆 形 成 完美 对 
应 : 假定 R 表示 一 个 旋转 ， 则 R(e ) 为 单位 圆 上 的 一 点 。 这 给 出 了 旋转 到 圆 的 映射 ， 逆 映 
射 则 将 单位 圆 上 的 每 一 点 Lz，?y] 与 以 下 矩阵 表示 的 旋转 关联 起 来 : 


| | CLG 
y 元 
很 容易 验证 e; 变换 到 Lz，yj: 。 因 此 ， 可 以 说 2D 旋转 的 集合 是 一 个 1D 形状 : 只 要 知道 一 
个 数值 (旋转 的 角度 ) 就 可 以 完全 确定 该 旋转 2 。 而 在 11. 2 节 我 们 将 看 到 3D 空间 中 的 旋转 
集合 是 3D 的 ， 而 且 并 不 存在 3D 旋转 与 某 一 熟悉 形状 (如 一 个 圆 ) 的 一 一 对 应 关系 。 

一 般 而 言 ， 尽 管 应 采用 如 同 下 一 章 所 描述 的 程序 代码 来 进行 变换 ,但 在 程序 调试 期 间 
你 会 发 现 自己 经 常 面 对 的 是 矩阵 。 敏 锐 的 眼光 有 助 于 你 一 眼 识 别 出 平 移 和 缩放 ， 并 快速 地 
猿 出 矩阵 左上 方 的 3X3 方块 是 一 个 旋转 如 果 所 有 元 素 的 值 均 在 一 1 一 1 之 间 ， 且 任 一 列 
元 素 的 平方 和 接近 1， 那 它 可 能 是 一 个 旋转 。 最 后 ， 如 果 最 后 一 行 不 是 [0 0 0 1],， 那 
么 通常 可 认为 该 矩阵 表示 的 是 投影 变换 而 不 是 仿 射 变换 。 


11.1.1 投影 变换 理论 


尽管 3D 空间 中 的 投影 变换 与 2D 情形 类 似 ， 但 仍 值得 显 式 地 列 出 它 的 一 些 性 质 。 
投影 变换 完全 由 它 在 投影 坐标 系 上 的 行为 确定 ， 该 坐标 系 由 空间 中 的 5 个 点 构成 ， 其 
中 任意 4 个 点 不 共 面 。( 其 证 明 完 全 类 似 于 对 2D 情形 的 证 明 。) 
3D 空间 中 的 投影 变换 由 4D 空间 中 w 二 1 子 空间 内 的 线性 变换 确定 ， 它 表示 为 一 个 4 
X4 和 矩阵 M 和 紧 接 着 的 齐 次 变换 : 
Hwy = {sl) (11-6) 


Bh DE 
如 果 和 矩阵 M 的 最 下 面 一 行 是 [0 0 0 1]， 那么 将 通过 w==1 的 平面 变换 回 到 自身 ， 此 时 
瑟 不 起 作用 ， 投 影 变 换 实际 上 是 一 个 矩阵 为 M 的 仿 射 变换 。 
课 内 练习 11. 1: 假设 M 的 最 后 一 行 是 [0 0 0 k]， 其 中 上 关 0，1。 证 明 在 这 种 情 
况 下 ， 由 MM 定义 的 投影 变换 依旧 为 仿 射 变换 。 试 给 出 其 仿 射 变换 的 矩阵 。 提 示 : 不 是 MI! 
表示 投影 变换 的 矩阵 M 不 唯一 (可 从 课 内 练习 11. 1 中 推导 得 到 )。 如 果 M 表示 某 个 变 
换 ， 那 么 对 于 非 零 常数 c，cM 也 表示 该 变换 ， 因 为 如 果 衣 = 二 Mv， 则 (cM)v 二 ck; 对 ck 进 


行 齐 次 化 时 会 涉及 类 似 分 < 一 关 的 除法 ， 其 结果 与 齐 次 化 的 结果 相同 。 








日 ”正式 而 言 ， 我 们 应 该 说 SO(2)， 即 2X2 旋转 矩阵 的 集合 ， 是 一 个 1D 流 形 ; 非 正式 地 说 ， 它 是 一 个 光滑 的 
形状 ， 在 每 个 点 处 只 能 朝 一 个 方向 运动 ; 在 圆 的 情况 下 , 该“ 方向” 指 的 是 增加 或 减少 角度 。 相 比 之 下 ， 
地 球 表面 是 一 个 2D 流 形 ， 因 为 地 球 上 的 每 一 点 有 两 个 独立 的 运动 方向 一 一 除了 两 极 外 ， 表 面 上 任 一 点 可 沿 
南北 方向 和 东西 方向 运动 ; 其 他 的 任意 方向 则 可 表示 为 这 两 个 方向 的 组 合 。 
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投影 变换 矩阵 M 的 最 下 面 一 行 决 定 了 投影 变换 无 定义 的 平面 的 方程 ( 即 “ 平 面 对 应 无 
穷 ") 。 如 果 最 下 面 一 行为 LA B C Dj], 那么 点 Lz y x 1 变换 到 无 穷 远 的 条 件 是 
变换 后 它 的 w 坐标 为 0， 即 

Az 十 By 十 C< 十 D=0 8 
此 方程 为 3D 空间 中 的 一 个 平面 。 

课 内 练习 11.2: 在 投影 变换 实际 上 是 仿 射 变换 的 情况 下 ， 在 zyzw 坐标 系 中 哪些 点 构 

成 的 平面 会 被 变换 到 无 穷 远 ? (在 你 的 计算 中 引入 ww。) 


11.2 旋转 


3D 空间 中 的 旋转 比 平面 上 的 旋转 复杂 得 多 ,但 大 部 分 复杂 细节 对 于 偶尔 使 用 者 意义 
不 大 。 因 此 本 节 仅 介绍 其 要 点 ,但 本 章 的 网 上 材料 提供 了 关于 旋转 的 更 为 详尽 的 讨论 。 

我 们 从 一 些 经 常 使 用 且 容 易 推 导 的 公式 开始 ， 然 后 讨论 如 何 使 用 信仰、 滚动 和 偏 航 
(它们 被 称 为 欧 拉 角 ) 这 类 概念 来 描述 旋转 ， 以 及 如 何 给 定 一 根 旋转 轴 和 旋转 的 角度 (Ro- 
drigues 公式 ) 来 描述 旋转 ， 此 外 还 会 介绍 如 何 确定 某 一 旋转 的 旋转 轴 和 旋转 角度 (计算 方 
法 归功 于 欧 拉 )。 不 过 ， 上 述 两 种 旋转 的 描述 方式 仍 存在 局 限 性 ， 它 们 并 不 适 于 在 旋转 间 
进行 插值 ， 所 以 我 们 考虑 描述 旋转 的 第 三 种 方式 : 对 于 4D 空间 R' 球面 $ 上 的 任 一 点 9， 
我 们 以 一 种 非常 自然 的 方式 将 它 与 旋转 K(g) 关 联 起 来 。 不 过 这 里 有 个 小 问题 : S 的 点 g 
和 一 gq 对 应 相同 的 旋转 ， 所 以 这 里 是 二 对 一 的 对 应 关系 。 尽 管 如 此 ， 这 种 旋转 描述 仍 是 一 
种 易于 使 用 的 实现 旋转 插值 的 方式 。 


11. 2. 1 2D 和 3D 情形 的 类 比 


由 下 述 和 矩阵 形式 给 出 的 2D 旋转 : 
fr | 
sin0 cos0 
可 以 很 好 地 推广 到 3D 或 更 高 维 。 例 如 ， 我 们 在 2D 空间 采用 旋转 角度 0 表示 旋转 矩阵 ， 将 
其 扩展 后 得 到 : 


C118) 


50 dn 0 
R,,(0) = | sing cosO 0 Cll=9) 
0 | 








上 式 表 示 3D 空间 中 xy 平面 上 旋转 9 度 。 正 如 第 10 章 提 到 的 ， 有 时 也 称 为 绕 z 轴 旋 转 0 
角 。 将 它 称 为 在 zy 平面 上 的 旋转 的 一 个 优点 是 : 有 一 个 与 之 关联 的 助 记 点 : 对 于 较 小 的 0 
角 ， 可 看 到 zz 方向 的 单位 向 量 朝 y 方向 的 单位 向 量 旋 转 。 对 于 R,. 和 R.,， 相 应 的 陈述 也 是 
正确 的 ， 对 应 的 公式 写 在 下 面 。 另 一 个 优点 是 : 3D 旋转 总 是 存在 一 根 旋转 轴 ( 其 证 明 见 网 
络 资料 ) 而 2D 旋转 没有 (例如 ， 在 R: 不 存在 做 30 "旋转 时 保持 不 变 的 向 量 )，4D 空间 也 没 
有 。 但 是 在 所 有 情况 下 ， 旋 转 均 可 描述 为 平面 的 旋转 。 
yz 平面 和 zz 平面 上 相应 的 旋转 如 下 : 

向 0 0| 
R,.(0)= |0 cosg 一 sin0 (11-10) 
I0 sing COSO | 
| cosO 0 sing| 
下- (0)= 0 1 0 (11-11) 


I—sing © ‘Cosh| 
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也 可 以 分 别称 其 为 绕 x 轴 和 绕 y 轴 的 旋转 。 

与 2D 旋转 中 3X3 旋转 矩阵 的 集合 是 1D 的 情形 不 同 ，3D 旋转 中 的 3X3 旋转 矩阵 的 
集合 SO(3) 是 3D 的 。 然 而 ， 其 含义 不 只 是 3D 欧 氏 空间 。 证 明 它 是 3D 的 一 种 方式 是 : 找 
到 一 种 从 易于 理解 的 3D 对 象 到 SO(3) 和 集合 的 一 对 一 的 映射 (正如 可 对 2D 球面 进行 经 纬度 
参数 化 说 明 球 面 是 2D 的 )。 下 面 我 们 将 介绍 三 种 映射 ， 每 种 映射 都 有 其 优点 和 缺点 。 第 一 
种 映射 基于 欧 拉 角 。 这 种 映射 在 大 多 数 情况 下 为 “一 对 一 ”， 它 与 地 球 经 纬度 对 球面 上 点 
的 映射 十 分 相似 : 在 国际 日 期 变更 线 上 的 点 均 具 有 两 个 经 度 (180E 和 180W)， 每 个 极点 对 
应 无 穷 多 的 经 度 ， 但 球面 上 的 其 他 点 均 对 应 唯一 的 经 度 -纬度 组 合 。 


11.2.2 欧 拉 角 


欧 拉 角 是 一 种 基于 三 种 较 简 单 旋转 运动 ( 称 为 俯仰 、 滚 动 和 偏 航 ) 创 建 一 般 旋转 的 机 
制 。 将 一 般 旋转 分 解 为 三 个 较 简 单 旋转 的 方式 有 几 种 ( 先 偏 航 、 先 滚动 ， 等 等 )， 而 且 每 一 
种 方式 都 为 一 些 学 科 所 用 。 因 此 你 需要 
习惯 这 一 现状 : 并 非 只 有 一 种 正确 的 欧 
拉 角 定义 。 

图 形 学 中 最 常 使 用 的 定义 方式 是 将 
欧 拉 角 ($，0， 几 表示 的 旋转 描述 为 三 个 
旋转 的 乘积 。 即 旋转 矩阵 M 为 三 个 旋转 
矩阵 的 积 : 

M = R,(y)R., (OR,,$) (11-12) 
物体 首先 在 zy 平面 旋转 $ 角 ， 然 后 在 
zx 平面 旋转 0 角 ， 接 着 在 yz 平面 旋转 y 
Re i a 

3 二 妈 11-1 一 架 沿 到 可 航行 也 可 以 通 雯 加 
es 和 Se 或 转向 右 ( 偏 航 )， 朝 上 飞 或 朝 下 飞 ( 俯 仰 )， 
或 简单 绕 工 轴 旋 转 来 改变 飞行 方向 
在 三 个 方向 上 调整 航向 : 转向 左 或 转向 
右 称 为 偏 航 ， 表 上 飞 或 朝 下 飞 称 为 俯仰 ， 围 绕 前 进 方 向 旋转 称 为 滚动 。 这 三 种 旋转 运动 是 
独立 的 ， 也 就 是 说 ， 你 可 以 实施 任意 一 种 旋转 而 不 考虑 其 他 的 旋转 。 当 然 ， 也 可 以 依次 实 
施 这 三 种 旋转 。 

写成 矩阵 形式 ， 有 





展 | 0 0 cosO 0 sing| fcosg 一 sing 0 
M=|0 cosy 一 四 全 | ， 区 cosg | (11-13) 
L0 siny cosy| [一 sin0 0 cosb 0 | 
[cosb cos% 一 cosO sing Sinb 
二 x x — siny cosO 人 的 
[LE 光 x cosy cos0 








通过 选择 合适 的 5$、9 和 vy 值 ， 该 乘积 能 表示 所 有 可 能 的 旋转 。 为 了 证 明 这 一 点 ,我 
们 将 展示 如 何 从 旋转 和 矩阵 M 中 找 出 其 5p、9 和 yy。 换 句 话 说 ， 上 面 已 经 展示 了 如 何 将 三 元 
组 (%，0， 急 转化 为 一 个 矩阵 ， 现 在 展示 如 何 将 矩阵 M 转化 为 三 元 组 (办 ，0 ， 少 ) ， 也 就 是 
说 ， 如 果 把 该 三 元 组 转化 为 一 个 矩阵 ， 即 为 M。 

根据 公式 (11-14) ，M 的 (1，3) 元 素 是 sing 所 以 9 是 这 一 项 的 反正 弦 函 数 ;， 计算 所 得 0 
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的 余弦 值 必定 非 负 。 当 cos0 关 0 时 ，M 的 (1，1) 和 (1，2) 元 素 为 cos$ 和 一 sing 乘 以 一 个 相 
同 的 正 数 ; 这 意味 % 一 atan2( 一 7ilz， ii ) as 类 似 地 ， 我 们 可 以 根据 第 二 行 和 第 三 行 的 最 后 
一 个 元 素 计算 得 到 yy。 在 cos0 二 0 的 情况 下 ， 角 度 5 和 y 不 是 唯一 的 (正如 北极 的 经 度 不 唯 
一 ) 。 但 是 如 果 选 择 $0， 那么 可 以 用 和 矩阵 左下 角 元 素 的 反正 切 计 算 y 的 值 。 相 关 代 码 如 
代码 清单 11-1 所 示 ， 其 中 我 们 假设 存在 一 个 3X3 的 矩阵 类 ，Mat33， 和 矩阵 元 素 下 标 从 0 
开始 。 返 回 的 角度 单位 是 “弧度 ”而 不 是 “ 度 ”。 


代码 清单 11-1 旋转 和 矩阵 转换 为 欧 拉 角 集合 的 代码 





1 void EulerFromRot (Mat33 m, out double psi, 

2 out double theta, 
3 out double phi) 

4 { 

“ theta = Math.asin(m[0,2]) // 使 用 Cc# 从 0 开始 的 索引 方式 
6 double costheta = Math.cos (th); 

if (Math .abs (costheta) == 0) { 

8 phi = 07 

9 Psi 三 Math.atan2(m[2s1j, mllsl))y 

10 } 

11 else 

12 { 

13 plit = atan2(=mLOrlls mlO, Ql); 

14 BSsi = atan2Z (mllr2]s ml 21)s 

1S } 

16: } 





尚 待 验证 的 是 : 由 上 面 计 算得 到 的 9、#$ 和 vy 值 产生 的 矩阵 相 乘 确实 能 生成 给 定 的 旋 
转 和 矩阵 M， 但 这 只 需 直 接 进 行 计算 即 可 。 

课 内 练习 11.3: 编写 一 个 小 程序 按 Rodrigues 公式 (下 面 的 公式 (11-17)) 构 造 一 个 旋 
转 人 矩阵 并 从 中 计算 出 三 个 欧 拉 角 。 然 后 利用 公式 (11-14) 基 于 这 三 个 角 构 造 一 个 矩阵 ， 并 
证 实 它 就 是 你 原来 的 矩阵 。 应 用 Rodrigues 公式 时 可 采用 一 个 随机 的 单位 方向 向 量 和 旋 
转角 。 

在 上 述 代 码 中 ， 除 了 cosb=0 的 特殊 情况 外 ， 在 旋转 和 三 元 组 (%，0，y) (一 r/2 过 0 过 
r/2 和 一 x 二 $，y 过 7) 之 间 为 一 对 一 映射 。 因 此，3D 空间 中 旋转 的 集合 是 3D 的 。 

总 之 ， 我 们 可 以 通过 %、0 和 y 指定 旋转 来 控制 物体 的 姿态 。 假 如 改变 它们 中 的 任意 
一 个 ， 旋 转 和 矩阵 也 会 有 所 变化 ， 这 可 看 成 是 一 种 通过 SO(3) 进 行 操 纵 的 方式 。 但 cos0 二 0 
时 的 情形 有 点 复杂 。 例 如 ， 如 果 9 二 x/2， 可 发 现 多 个 ($5，y) 对 应 同一 结果 ; 改变 #$ 和 y 并 
不 会 导致 物体 姿态 有 所 变化 。 这 种 现象 (虽然 会 呈现 为 不 同 的 形式 ) 称 作 万 向 节 锁 ， 这 也 是 
欧 拉 角 并 非 描 述 旋转 的 理想 方式 的 一 个 原因 。 


11.2.3 旋转 轴 和 旋转 角 的 描述 


对 3D 空间 实施 旋转 的 方法 之 一 是 选择 一 个 特定 的 轴 ( 即 一 个 单位 向 量 )， 然 后 绕 该 轴 
旋转 一 定 角 度 。 例 如 ， 和 矩阵 RR 所 对 应 的 旋转 轴 是 z 轴 。 在 网 上 资料 中 我 们 证 明了 3D 空间 
中 的 每 个 旋转 都 是 围绕 某 一 轴 旋 转 某 个 角度 。RodriguesLRod16] 提 出 了 一 个 基于 任意 轴 和 
任意 旋转 角 构 造 其 旋转 矩阵 的 公式 。 令 


Wr 
| 四 了 = 
(CUz 


3D 变换 217 





为 旋转 轴 的 单位 向 量 ，0 为 绕 @ 的 旋转 角 ( 从 w 的 末端 点 向 起 点 看 ， 绕 逆 时 针 方 向 的 旋转 量 )。 
为 了 表示 所 求 的 旋转 ， 我 们 需要 使 用 叉 积 。 设 孙 数 v 一 四 Xu 是 R’ 到 它 自身 的 一 个 
线性 变换 ; 表示 该 变换 的 矩阵 为 : 
YQ ws Wy 
Cu- 0 -| (L1-16) 


-0y Wr 0 

课 内 练习 11.4: (a) wgXe 表示 什么 ? 

(b) 证 明 Jo 王 0。 

(c) 假设 是 一 个 垂直 于 四 的 单位 向 量 。 解 释 为 什么 Xv 垂直 于 这 二 者 ， 且 为 什么 
XXv)=—v。 








我 们 要 找 的 旋转 和 矩阵 为 
M = 1+ sin(0)J, + (1— cos0) J (L117 
从 课 内 练习 11.4 可 以 清楚 地 看 到 Mo 一 @。 如 果 
”垂直 于 wo ， 则 cos(O)v + sin(O)(@ x 可 
Mv= ly sin(0)Jov + (1 — cos0)Jv (11-18) 
= vsin(Oow Xv (lcosO) (Ww X (w X v)) 
(11-=19) 
一 了 十 sin(O)@ Xp 十 (1 一 cos0) (一 2) (11-20) 
= sin(0)@ X vcos(0)(v) Cll- 


它 显 示 v 在 垂直 于 @ 的 平面 上 旋转 0 角 。 因 为 M 对 w@ 图 112 当 v 与 % 正 交 时 ,，v 和 wXv 

愉 四 的 
和 垂直 于 的 向 量 实施 的 运算 恰 为 所 求 ， 按 转换 唯一 Es 
性 原则 ( 见 图 11-2) ， 它 必定 是 正确 的 矩阵 。 


按 坐 标 形 式 ， 它 是 





@ 一 Wy 
M 一 Sin0| w: = -| (L122) 
ee a 0 
二 Wi y WW 
二 人 0) WiwWy 一 azow2 wyw: | 十 I Clr 
CUzCUr CUyUz= wx SS wy 








其 中 为 了 简便 起 见 ， 我 们 假定 @ 为 单位 向 量 。 但 是 先前 的 形式 更 有 利于 正确 编程 。 


11.2.4 从 旋转 矩阵 中 寻找 旋转 轴 和 旋转 角 


上 节 提 到 的 定理 指出 : 3D 空间 的 每 个 旋转 都 有 一 根 旋 转轴 ( 即 一 个 向 量 )。 用 Ro- 
drigues 公式 即 可 从 矩阵 中 找 出 该 旋转 轴 。 下 面 我 们 介绍 Palais 和 PalaisLPP07j] 的 方法 。 
我 们 知道 每 个 旋转 矩阵 有 一 根 旋转 轴 @w 以 及 关于 @ 的 旋转 量 9; 对 于 单位 向 量 w 和 某 
些 角 0 根据 Rodrigues 公式 ， 该 矩阵 为 
M = 1+ sin(0)J, + (1— cos0) 7. (11-24) 
该 矩阵 的 迹 ( 对 角 线 元 素 之 和 ) 为 
tr(M)= tr(I+ sin(0)J, 十 (1 一 cos0)J2) = tr(D + sin(0)tr(J,) 十 (1 一 cosg)tr(J2) 
二 3 十 (1 一 co0s0)( 一 2 十 2 十 w)) = 二 3 十 (1 一 cos0)( 一 2) = 1 十 2 cos0 
可 计算 得 到 旋转 角 
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de (11-25) 


0 = cos 人 2 


此 处 有 两 个 特殊 情况 ， 对 应 于 sin9 为 0 的 两 种 情形 。 
1) 如 果 9 二 0， 则 任意 单位 向 量 均 可 作为 旋转 轴 ( 此 时 旋转 和 矩阵 是 一 个 单位 矩阵 )。 
2) 如 果 9 二 x， 则 两 倍 旋 转角 为 2r， 因 此 将 回 到 自己 ， 也 就 是 说 ， 旋 转 和 矩阵 M 必须 满 
足 M = 二 TIT。 由 此 
MM+D=M +-M=I-M= M+I (11=26) 
这 意味 M 乘 以 M 十 I 时 ,，M 十 I 的 每 一 列 均 保持 不 变 。 所 以 M 十 I 的 任意 非 零 列 归 一 
化 后 ， 都 可 作为 旋转 轴 。 我 们 知道 M 十 I 至少 有 一 列 非 零 ， 否则 M= 一 TI， 但 这 是 不 可 能 
的 ， 因 为 一 工 的 行列 式 值 是 一 1， 而 M 的 行列 式 值 是 十 1。 
一 般 情况 下 ， 当 sin9 关 0 时 ， 可 计算 M 一 MI 如 下 
M 一 MT =T 十 sin(0)Jo 十 (1 一 cosg) 有 形 一 ( 开 十 sin(0) 撕 十 (1 一 cos0)( 用 )T) (11-27) 
因为 Jo 三 一 J 和 (Js) 一 Js， 所 以 简化 为 
M 一 MT = 2sin(0)J。 (11-28) 
除 以 2sin 得 到 和 矩阵 Jo。， 由 此 可 以 恢复 mw。 代码 清单 11-2 给 出 了 代码 。 


代码 清单 11-2 ”基于 旋转 矩阵 寻找 其 旋转 轴 和 旋转 角 的 代码 








1 void RotationToRAxisRAngle( 

2 Mat33 m, 

3 out Vector3D omega, 

4 out double theta) 

3 并 

6 // 转换 3x3 旋 转 矩 阵 m 为 一 个 轴 角 表示 

7 

8 theta = Math.acos( (m.trace()-1)/2); 

9 if (0 is near zero) 

10 { 

11 omega = Vector3D(1,0,0); // any vector works 
12 Feturns 

13 } 

14 if (0 is near 7”) 

15 { 

16 int Col = column with largest éntry of m in absolute value; 
3 omega = Vector3D(m[0, col], ml[l, col]l, m[2, col]); 
18 return; 

19 } 

20 else 

2 { 

22 mat 33 s = m - m.transpose(); 

23 douBle 无 = =s[1;2]; YY = St02]; 2 = SLl10]; 
24 double t = 2 * Math.Sin(theta); 

25 omega = Vector3D(x/t, y/t, z/t); 

26 return; 

27 } 

28 } 

下 面 按 顺序 列 出 几 点 观察 : 


@ 对 于 较 小 的 9，M 接近 于 单位 阵 。 
@ 对 于 较 小 的 9， 中 间 项 的 系数 接近 9， 而 最 后 一 项 的 系数 是 1 一 cos(O) 一 一 乡 因 
此 ， 最 后 一 项 远 小 于 中 间 项 。 所 以 取 一 阶 近 似 时 ，M 守 I 十 sin8J 。。 
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11.2.5 以 物体 为 中 心 的 欧 拉 角 

假设 有 一 飞机 模型 ， 其 顶点 存储 为 一 个 3Xn 的 数组 V。 将 所 有 项 点 乘 以 某 个 旋转 和 矩 
阵 M， 可 将 该 模型 旋转 到 我 们 想 要 的 某 个 位 置 ， 即 ， 计 算 

W = MV (11=29) 

现在 想 要 使 飞机 模型 朝 上 仰 (类 似 于 飞行 员 拉 操纵 杆 )， 可 以 对 旋转 后 的 顶点 实施 一 定 的 欧 
拉 角 旋转 ， 即 计算 
1 0 0 
0 cosy 一 Siny 


cosO 0 sing| fcosg 一 sing 0 
| 0| | sing cos$ 0 
Sing 0 ‘Tod 0 Se 
问题 是 将 已 旋转 过 的 顶点 先 绕 场景 坐标 系 x 轴 旋 转 ， 可 能 会 使 飞机 斜 向 另 一 侧 ， 然 后 还 要 
再 绕 y 轴 、 绕 过 轴 旋 转 ， 因 而 会 很 难 选择 y、9 和 #4 来 生成 我 们 所 寻求 的 效果 。 上 述 旋 转 
取 场 景 坐标 系 的 坐标 轴 为 旋转 轴 ， 这 样 的 变换 称 为 以 场景 坐标 系 为 中 心 的 旋转 。 男 一 种 方 
式 是 计算 


WwW (Ll=30) 




















0 siny COS 


1 0 0 cos0 0 sing| fcosg —sing 0 
MI|I0O cosy 一 Siny Bel 0| | sing cos%g 0|V (11-31) 
0 siny COs —sing 0 cosO 0 By 




















即 在 对 物体 实施 旋转 矩阵 M 之 前 ， 对 物体 的 顶点 进行 旋转 。 这 种 操作 称 为 以 物体 为 中 心 
的 旋转 。 此 时 ， 只 要 调整 俯仰 角 #$ 即 可 获得 我 们 寻求 的 旋转 效果 。 当 然 ， 如 果 我 们 还 想 要 
做 进一步 调整 ， 则 必须 施加 另 一 个 以 物体 为 中 心 的 旋转 ， 这样 一 来 ,我 们 似乎 得 累 乘 一 个 
长 长 的 矩阵 序列 。 一 种 办 法 是 显 式 计 算出 这 个 乘积 使 得 我 们 最 终 只 有 一 个 变换 矩阵 ， 再 加 
上 另外 三 个 用 来 对 物体 姿态 做 临时 调整 的 矩阵 ， 最 后 将 它们 也 合并 到 该 矩阵 中 。 下 面 还 将 
看 到 另 一 种 方法 : 用 四 元 数 来 表示 和 矩阵。 一 般 而 言 ， 假 定 M 是 施加 到 顶点 集合 V 的 当前 
变换 矩阵 ， 如 将 把 它 变 成 Mi =M4,， 那么 4 被 称 为 以 物体 为 中 心 的 操作 ， 而 如 果 把 它 变 为 
M =CM， 那 么 C 被 称 为 以 场景 坐标 系 为 中 心 的 操作 。 


11.2.6 旋转 和 3D 球 


对 于 所 有 3X3 旋转 矩阵 的 集合 SO(3)， 读 者 可 能 难以 理解 。 从 某 种 意义 上 说 ， 它 属 
于 Rs 的 一 个 子 集 : 读 取 和 矩阵 M 中 9 个 元 素 即 可 得 到 对 应 于 M 的 Rs 空间 中 的 一 个 点 。 在 
网 上 资料 中 ， 我 们 给 出 了 关于 该 集合 及 其 性 质 的 许多 细节 ， 这 里 我 们 仅 给 出 要 点 用 于 理解 
SO(3) ， 使 得 涉及 SO(3) 的 计算 更 鲁 棒 。 进 而 ， 让 我 们 能 在 熟悉 的 空间 中 推演 SO(3) 中 操 
作 ( 如 插值 ) 的 主要 工具 是 : S(3D 球 ), 或 4D 空 间 [w x y zj' 中 距离 原点 为 1 的 所 有 
点 。 重 置 坐标 系 的 目的 是 使 得 下 面 所 述 更 为 明晰 。 在 这 一 节 中 也 会 讨论 S$ 中 的 点 ， 但 我 
们 总 是 将 它们 写成 向 量 形式 以 便 构 建 它们 的 线性 组 合 。 

就 像 可 以 将 一 条 线段 变形 为 一 个 圆 ( 将 线段 的 两 端点 连接 起 来 ， 变 为 圆 上 的 一 个 点 ， 
如 图 11-3 所 示 )， 或 把 一 个 圆 盘 变 形 为 一 个 球 ( 其 边界 圆 变 成 球 上 的 一 个 点 ， 如 图 11-4 所 
示 ) 一 样 ， 你 也 可 以 将 一 个 3D 空间 的 实心 球 变形 为 一 个 3D 球面 (实心 球 的 边界 面 塌陷 为 
3D 球面 上 的 一 个 点 ) 。 为 此 ， 必 须 在 4D 空间 中 进行 处 理 ， 但 这 一 想法 只 是 欲 通过 类 比 来 
推出 3D 球面 。 

例如 ， 如 果 我 们 采用 单位 圆 中 两 个 相互 垂直 的 单位 向 量 & 和 w 来 构造 具有 cos(0)u 十 
sin(0)v 形式 的 所 有 点 ， 这 些 点 可 覆盖 整个 圆 ( 见 图 11-5) 。 类 似 地 ， 在 2D 球 内 ， 如 果 也 有 两 





个 相互 垂直 的 单位 向 量 ， 则 它们 的 余弦 -正弦 组 合 将 形成 一 个 大 圆 ， 即 球 和 过 球 心 的 平面 的 
交 ( 见 图 11-6)。 这 一 事实 也 同样 适合 于 3D 球 : 如 同 低 维 情形 ， 两 个 相互 垂直 的 向 量 的 余弦 - 
正弦 组 合 将 遍历 3D 球 上 的 大 圆 ， 且 从 zx 到 v 的 圆 弧 ( 即 从 9 二 0 到 x/2) 是 它们 间 的 最 短 距离 。 











图 11-3 将 线段 变形 为 一 个 圆 图 11-4 将 圆 盘 变 形 为 球 ; 圆 盘 边 界 
圆 上 的 点 浓缩 为 北极 点 


om Se cos(O)v + sin(O)w 





as 


图 11-5 w 和 w 的 余弦 -正弦 组 合 覆 盖 整 个 圆周 图 11-6 球面 上 两 个 相互 垂直 的 单位 向 量 的 余弦 - 
正弦 组 合 将 形成 一 个 单位 圆 ， 称 为 大 圆 


从 S 到 SO(3) 的 映射 由 下 式 给 出 : 


KiS: 5 SO(9); (11-32) 
ey DD dy Sac pay 
| A Cod — 0 (11-33) 
Dh = .ae ZCap ed) 
映射 K 有 几 个 优秀 的 性 质 。 
@ 它 几 乎 是 一 对 一 。 事 实 上 ， 它 是 二 对 一 映射 ; 对 于 任意 q€ES,， 有 K(q) 一 K( 一 q) 
(从 公式 中 可 看 到 ) 。 


®。 通过 天 ,在 S 上 的 大 圆 映射 为 SO(3) 上 的 测 地 线 (最 短路 径 ) 。 

e K([1 0 0 0])=1, 

该 映射 由 了 中 的 一 种 乘法 的 定义 引出 ， 它 与 将 R* 中 的 点 看 成 复数 并 让 其 相 乘 的 方式 
十 分 相似 。R" 中 的 乘法 不 具有 交换 律 ， 这 会 引起 困难 ， 除 此 之 外 ,， 它 近似 于 复数 的 乘 
法 。R' 集合 和 乘法 操作 合 在 一 起 被 称 为 四 元 数 ( 这 是 我 们 用 黑体 字 q 表示 S: 中 典型 元 素 
的 理由 ) 。 
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本 章 的 网 络 资料 对 四 元 数 做 了 详细 描述 ， 对 上 述 映 射 K 进行 了 推导 ， 并 说 明了 它 与 
Rodrigues 公式 的 关系 。 对 于 图 形 学 中 的 大 多 数 用 途 ， 了 解 上 述 三 条 性 质 足够 了 ， 还 有 一 
条 现在 马上 给 出 。 

设 有 一 点 q 二 [La 2 ec dj" ES ,， 已 知 一 1] 委 < 委 1， 则 a 为 某 个 数 的 余弦 值 。 令 





一 arccos(a) (C11=34) 
此 外 ， 因 为 [la 5 c dj'E€S, 已 知 @ 十 太 十 c: 十 d:= 二 1]。 因 此 
1 = 二 a 十 如 十 十 Ci:352 
三 68 人 十 要 十 之 二 三 (11-36) 
因此 [5 cdJ" 为 一 个 平方 长 度 为 sin?(b) 的 向 量 。 如 果 天 士 1， 则 sin(b) 天 0， 仿 
本 和 
2 | 人 nt | ee 
取 
q=cos(O[1 0 0 0 二 sin(Wo (11-38) 
当 sin(0) 二 0 时 ， 可 以 将 @ 取 为 任意 单位 向 量 。 简 言 之 ，S 中 每 个 元 素 都 可 以 写成 形式 : 
qd= cos(W[1 0 0 0 十 snm(O)O (11-39) 


其 中 0<9<x, w 是 S$ 的 zyz 子 空间 中 的 一 个 单位 向 量 ， 也 就 是 说 , w 垂直 于 L1 0 0 0]。 
经 过 大 量 代 数 运算 ， 可 将 4 二 cos(0), 6b 二 sin(0)w,，c 二 sin(0)w, 和 4d 二 sin(0)w. 代入 
公式 (11-32)， 可 以 发 现 该 矩阵 和 应 用 Rodrigues 公式 构造 的 绕 zyz 向 量 w 旋转 20( 注 意 
因子 2) 的 旋转 和 矩阵 完全 相同 。 
映射 KK 与 映射 Ki1: SI->S: (cos(0)，sin(0)) 路 (cos(20)，sin(29)) 有 很 多 共同 之 处 。 
如 同 K， 映 射 Ki 也 是 二 对 一 的 上 映射。 例如， 点 0 二 0 和 0 二 x 通过 Ki 都 映射 为 0=0 的 点 。 
事实 上 ， 对 任意 0, 在 0 和 0 十 x 的 点 都 映射 为 9 3n/8 
的 点 ; 换 句 话说 ，K, 将 每 一 直径 的 两 端点 (对 径 
点 ) 上 映射 到 同一 点 。 如 果 想 在 陪 域 中 的 x/4 和 3x/4 
之 间 进 行 插值 ， 可 以 在 定义 域 中 选择 点 x/8 和 点 11m/8 
3x/8， 在 它们 之 间 做 插值 ， 然 后 对 插值 所 得 角度 
做 Ki 映射 来 得 到 期 望 的 结果 。 当 然 如 果 不 选 择 | 


/8 


3r/8， 而 选择 1l1x/8， 那 么 插值 将 会 沿 x/4 至 

3x/4 的 较 长 路 径 ， 如 图 11-7 所 示 。 20 
顺便 提 及 ， 尽管 K 是 不 可 道 的 ， 但 容易 构造 3m/4 nl4 

它 的 道 : 给 定 ME SO(3)， 可 以 找到 一 个 元 素 q 

ES 有 日 K(q) 一 M， 我 们 尚 不 能 认定 它 就 是 具有 

该 性 质 的 那个 元 素 。 由 Rodrigues 公式 ， 每 个 旋 


转 矩 阵 具有 形式 : | 图 117 定义 域内 的 蓝 色 路 径 映 射 为 陪 域内 
M= 1sin(0)JsT (lm—cos0)J, (11-40) x/4 和 3x/4 之 间 的 短 弧 ， 而 红色 路 
其 中 w 是 矩阵 旋转 轴 的 单位 向 量 , 9 是 旋转 角 。 径 映射 为 它们 之 间 的 长 弧 


我 们 已 讨论 过 如 何 从 任意 旋转 矩阵 中 求 出 其 旋转 轴 w 和 旋转 角 0( 单 位 矩阵 工 除外 ， 其 旋转 
轴 可 以 是 任意 单位 向 量 ， 而 旋转 角 为 0) 。S 中 关联 元 素 q 的 第 一 个 坐标 为 cos(CO/2)， 后 
三 个 坐标 为 sin(0/2)w。 对 0 二 0 并 且 w 不 确定 的 情况 该 表示 并 无 问题 ， 因 为 sin(90/2) 二 0， 
所 以 最 后 三 个 元 素 都 为 0。 然 而 这 一 结果 存在 歧义 : 当 我 们 找到 旋转 轴 wm 和 旋转 角度 0 时 ， 
也 能 找到 一 2 和 一 9， 它 们 产生 一 q 而 不 是 q。 因 此 对 K 求 “ 逆 ”时 可 能 得 到 两 个 相反 值 中 
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的 任 一 个 ， 这 取决 于 计算 轴 和 和 角 时 的 选择 。 为 了 更 具体 地 说 明 ， 我 们 将 给 出 定义 域 为 SO(3) 
而 陪 域 是 S 中 两 对 径 点 的 函数 工 的 伪 代 码 ; 工 将 作为 天 的 逆 ， 即 如 果 ME SO(3) 是 一 个 旋 
转 和 矩阵 ，LCMD) 二 {qr， 一 qi} 是 S 中 的 两 个 元 素 ， 则 K(q) 二 K( 一 qi ) 王 M。 在 代码 清单 11-3 
给 出 的 伪 代 码 中 ，al 和 q2 不 一 定 为 矩阵 m 元 素 的 连续 函数 。 


代码 清单 11-3 ”将 一 个 旋转 矩阵 转化 为 两 对 应 四 元 数 的 代码 


1 void RotationToouaternion (Mat33 m, out Quaternion ql, out Quaternion q2) 
2 1 

3 // 转化 一 个 3x3 矩 阵 m 为 两 个 四 元 素 

4 // ql 和 q2 在 映射 k 下 投影 到 m 





3 if (m is the identity) 

6 { 

1 ql = Quaternion(1,0,0,0); 
8 可 人 三 

9 return; 

10 } 


所 Vector3D omega; 
13 double theta; 
14 RotationToRAxisangle (m, omega, theta); 


16 gl = Quaternion (Math.cos (theta/2), Math.sin(theta/2)*omega); 
17 2 = ly 
18 } 





我 们 现 有 了 从 $ 到 SO(3) 和 从 SO(3) 回 到 S 中 一 对 元 素 的 方法 。 为 了 对 SO(3) 中 的 
旋转 进行 插值 ， 我 们 对 其 在 S$; 中 的 映射 点 进行 插值 。 
11.2.6.1 球面 线性 插值 
假设 单位 球 上 有 两 点 q; 和 9q;， 且 qi 关 一 qz:， 也 就 是 说 它们 非 对 径 点 ， 则 它们 之 前 存 
在 一 条 唯一 的 最 短路 径 ， 正 如 在 地 球 表面 上 从 北极 到 任意 一 点 ( 除 南 极点 外 ) 存 在 一 条 唯一 
的 最 短路 径 一 样 。( 从 北极 到 南极 同样 存在 最 短路 径 ; 但 该 路 径 并 不 唯一 一 一 任意 一 条 经 
线 都 是 最 短路 径 。) 
现在 来 构造 一 条 从 q 到 q 的 路 径 y( 即 y(0) 二 qj ，7Y(1) 二 qs;)， 且 希望 沿 着 两 点 间 较 
短 的 大 弧 匀 速 前 进 。 这 一 问题 称 为 球面 线性 插值 且 首 次 是 由 Shoemake[ Sho85] 用 于 图 形 学 
并 称 之 为 插值 (slerp)。 该 问题 的 求解 包含 三 个 步骤 : 
1) 在 qi 一 qz 的 平面 上 找到 一 个 向 量 vwES 使 其 垂直 于 qi 。 从 q 中 减 去 q 在 qd 上 的 
投影 ， 得 到 一 个 垂直 于 qi 的 向 量 , 该 向 量 归 一 化 后 为 : 
Pie ( 有 1) 1 
Xe 和 wa 0 
2) 找到 从 q 沿 V( 单 位 速度 向 量 ) 方 向 大 弧 的 路 径 。 即 y(?) 二 cos(2?)q1 十 sin(t)v。 在 1 二 0 
时 到 达 q ， 其 中 9 二 cos '(q;， qs ) 为 两 个 向 量 间 的 夹 角 。 
3) 将 t 乘 以 9， 使 得 它 到 达 q; 的 时 刻 为 1 而 不 是 0。 
结果 代码 如 代码 清单 11-4 所 示 。 


代码 清单 11-4 两 个 四 元 数 之 间 的 球面 线性 插值 代码 











1 double[4] slerp(double[4] ql, double[4] q2, double t+) 
2 

3 assert (dot (ql, ql) == 1); 

4 assert (dot (gq2, q2) == 1); 

5 // 在 平面 q1-q2 上 构造 一 个 垂直 于 al 的 向 量 
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doublel4)] Ww = 这 2 -= dot (ql; H2) % G27 

u = u / length(u); // 将 其 变换 为 单位 向 量 

double angle = acos(dot (gql, q2)); 

return cos(t * angle) * ql + sin(t * angle) * u; 


尼 心 oo 下 








随 着 余弦 函数 中 的 角度 从 0 变化 到 angle， 返 回 的 结果 从 ql 变化 到 aq2。 
11.2.6.2 旋转 插值 

我 们 现在 已 有 了 旋转 插值 需要 的 所 有 工具 。 假 设 M， 和 M。 是 旋转 矩阵 ， 其 中 Mi 对 
应 四 元 数 士 % ，M, 对 应 四 元 数 士 d ， 如 图 11-8 所 示 。 从 q 开始 ， 确 定 它 至 q 和 一 qs 中 
哪 点 距离 较 近 ， 然 后 沿 着 q! 和 较 近 点 之 间 的 大 弧 进行 插值 ， 为 了 找 出 插值 旋转 ， 通 过 映 
射 开 将 它们 投影 到 SO(3)。 


图 11-8 两 个 旋转 矩阵 M 和 M: ; 第 一 个 对 应 两 个 对 
径 点 的 四 元 数 土 q ， 第 二 个 对 应 两 个 对 径 点 
四 元 数 士 qg; 。 从 q! 开始， 选择 q 和 一 q 中 
与 其 距离 较 近 的 点 (本 例 中 是 一 q ) 并 在 它们 
之 间 进 行 插值 (如 红色 弧 线 所 示 ); 然后 把 插 
值 点 投影 到 SO(3) 中 进而 在 Ml 和 M; 之 间 进 
行 插值 





代码 清单 11-5 展示 了 伪 代 码 。 


代码 清单 11-5 ”对 以 矩阵 表示 的 两 个 旋转 进行 插值 的 代码 


1 Mat33 RotInterp(Mat33 ml, Mat33 m2, double t) 
2 // 在 SO(3) 找 到 一 个 位 于 ml 和 m2 间 的 旋转 
3 // ml 和 m2 为 旋转 矩阵 





4 1{ 

5 if ( mm! 一 一 ID){ 

6 Report error; can’t interpolate between opposite rotations. 
2 } 

8 Quaternion ql, qip, q2, q2p; 

9 RotationToQuaternion(ml, ql, qlp); 

10 RotationToQuaternion (m2, gq2, q2p); 

11 ff (Det (dl q2) < OQ) a2 = q2p} 

12 Quaternion qi = Quaternion.slerp(gql, q2, t); 
13 return K(qi); //K 是 S3 到 So(3) 的 投影 

14 } 





有 了 “旋转 插值 ”或 “四 元 数 插值 ”的 定义 ， 其 他 操作 ， 如 对 三 个 或 四 个 旋转 进行 混 
合 ， 也 是 可 能 的 。 事实 上 ， 即 使 第 4 章 描述 的 曲线 细 分 操作 在 SO(3) (而 不 是 R) 中 也 可 实 
现 , 但 必须 小 心 处 理 。 虽 然 能 以 平面 上 点 之 间 连 线 的 相同 方式 实现 四 元 数 的 插值 ， 但 这 种 
模拟 有 其 弱点 : 在 平面 上 ， 对 于 位 于 0 一 1 之 间 的 1:， 所 构造 的 点 (1 一 四 A 十 tB 位 于 A 和 B 
之 间 。 当 上 全 1 时 ， 得 到 的 点 将 “超出 B”( 在 B 之 外 )。 但 如 果 在 四 元 数 q 和 q 之 间 进 行 
球面 线性 插值 ， 倘 若 进一步 增加 :， 其 结果 将 沿 着 球面 绕 行 并 返回 到 qi 。 

男 一 些 看 似 “ 显 然 ”的 事 也 不 成 立 。 在 平面 上 ,我 们 可 以 取 四 边 形 两 相对 边 的 中 点 ， 
并 将 其 连接 起 来 ， 该 连 线 的 中 点 即 为 四 边 形 的 中 心 。 无 论 选择 哪 一 组 相对 边 ， 结 果 都 会 一 
样 ， 如 图 11-9 所 示 。 但 对 于 四 元 数 ， 通 常情 况 下 的 结论 却 并 非 如 此 。 





图 11-9 计算 四 边 形 ABCD 的 中 点 时 ， 可 先 找 AB 和 CD 
的 中 点 (由 圆圈 标记 )， 进 而 计算 这 两 个 中 点 之 间 
线段 的 中 点 ， 或 取 边 AD 和 BC 进行 同样 的 计算 
(它们 的 中 点 标记 为 正方 形 ); 两 种 方法 所 得 到 的 
四 边 形 中 点 (标记 为 菱形 ) 相 同 。 但 对 于 四 元 数 ， 
D 这 一 结论 并 不 成 立 





课 内 练习 11.5; 在 2-sbhere 上 ,六 A= 三 B=(0, 1; :0), C=(1, 0; 0), D=(0, 0, 1)。 
以 两 种 方式 计算 (画图 即 可 一 一 应 该 不 需要 进行 代数 运算 ) 四 边 形 ABCD 的 中 心 ， 每 一 次 取 
不 同 的 相对 边 ， 验 证 两 者 结果 并 不 相同 。 

BussL BF01 详细 讨论 了 对 四 元 数 进 行 “ 仿 射 组 合 ”的 各 种 挑战 。 


11.2.7 计算 稳定 性 


你 可 能 记得 求解 积分 的 问题 : 已 知 1=0 时 的 位 置 x(1) 和 所 有 时 刻 的 速度 x (+)， 需 要 

找到 zt 隆 0 的 任意 时 刻 的 位 置 x。 简 单 的 方法 是 : t 二 0. 1 时 ， 其 位 置 近 似 为 : 
x(0.1) 2 x(0) + 0. 1x’ (0) (11-42) 

然后 x(0.2) 守 x(0.1) 十 0. 1x’(0.1)， 等 等 。 这 被 称 为 时 间 步 长 为 0.1 时 对 位 置 的 欧 拉 插 
值 ， 它 给 出 了 问题 的 粗糙 近似 解 。 选 择 小 于 0. 1 的 时 间 步 长 会 产生 更 好 的 结果 ， 但 耗费 更 
多 的 计算 。 对 此 以 及 更 好 的 逼近 方案 在 第 35 章 中 会 广泛 地 予以 讨论 。 

如 对 姿态 ( 即 施 加 在 某 个 模型 上 的 旋转 和 矩阵) 做 类 似 处 理 : 已 知 时 刻 :一 0 的 姿态 和 所 
有 时 刻 上 中 姿态 的 变化 速率 ， 现 需要 进行 “积分 ”以 找 出 任 一 时 刻 的 姿态 .“ 更 新 ” 步 
又 是 





M(0.1) = M(0)(I+0.1M(0)) (11-43) 
这 里 是 乘法 而 不 是 加 法 。 上 式 中 的 一 个 问题 是 I 二 0. 1M' (0) 实 际 上 不 是 旋转 矩阵。 它 非常 
接近 但 并 不 完全 是 。 故 更 新 后 ， 必 须 将 M 转换 为 旋转 矩阵 。 通 常 采 用 Gram-Schmidt 方法 
对 M 的 列 进行 处 理 ( 即 对 第 一 列 进行 归 一 化 ; 使 第 二 列 垂直 于 第 一 列 ; 对 第 二 列 进行 归 一 
化 ; 使 第 三 列 垂直 于 前 两 者 ; 最 后 对 第 三 列 进行 归 一 化 )。 不 过 这 一 计算 非常 昂贵 。 
作为 替代 ， 我 们 可 以 把 当前 姿态 保存 为 一 个 单位 四 元 数 q。 此 时 ， 更 新 似 为 : 
q(0.1) = q(0) 十 0.1q (0) (11-44) 
不 过 ,1 二 0 时 刻 的 结果 仍 非 我 们 想 要 的 : 它 可 能 不 是 单位 向 量 ， 因 此 必须 归 一 化 。 但 对 一 
个 向 量 进行 归 一 化 的 工作 量 比 对 整个 矩阵 实施 Gram-Schmidt 处 理 要 小 得 多 。 注 意 到 一 个 
和 矩阵 不 是 旋转 矩阵 可 能 存在 很 多 情况 (如 和 矩阵 中 的 一 列 或 多 列 非 单 位 长 度 ， 列 之 间 相 互 不 
垂直 ) ， 而 一 个 四 元 数 不 是 单位 四 元 数 只 有 一 种 情况 。 由 于 这 个 原因 ， 动 画 系统 中 经 常 采 
用 四 元 数 表示 姿态 ， 必 要 时 则 通过 映射 K 将 它 转 化 为 旋转 和 矩阵。 四 元 数 计算 比 矩 阵 计算 
在 数值 上 也 更 为 稳定 。 


11.3 旋转 表示 间 的 比较 

现在 已 经 有 4 种 方式 用 于 表示 3D 刚性 参考 坐标 系 ( 即 基于 某 个 位 置 已 构成 右手 坐标 
系 的 3 个 正 交 单位 向 量 ): 

1) 一 个 4X4 和 矩阵 M， 将 其 作用 于 始 于 原点 的 3 个 标准 基 向 量 可 得 到 3 个 新 的 基 向 量 ， 
作用 于 原点 则 得 到 新 的 基点 已 。 该 矩阵 的 最 后 一 行 必须 是 L0 0 0 1], 左上 角 3X3 子 
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矩阵 S 必须 是 一 个 旋转 矩阵 。 

2) 一 个 3X3 旋转 矩阵 S 和 一 个 平移 向 量 ! 一 已 -原点 。 

3) 三 个 欧 拉 角 和 一 个 平移 向 量 。 

4) 一 个 单位 四 元 数 和 一 个 平移 向 量 。 

每 种 方式 都 有 它 的 优点 。 

表示 方式 1 的 优点 是 容易 将 它 看 成 一 个 变换 ， 可 以 通过 和 矩阵 相 乘 与 其 他 变换 组 合 起 
来 。 在 几何 建 模 系 统 中 采用 这 种 表示 较为 合适 。 表 示 方 式 2 和 表示 方式 1 之 间 可 直接 进行 
转换 ， 但 采用 表示 方式 2 很 容易 通过 验证 S'S 二 I 来 检查 矩阵 S$ 是 否 正 交 。 如 果 多 个 这 类 
和 矩阵 相 乘 会 导致 残 差 累积 ， 可 以 采用 Gram-Schmidt 正 交 化 处 理 对 结果 进行 调整 使 之 恢复 
为 正 交 形式 ， 不 过 这 会 涉及 很 多 乘法 、 除 法 和 一 些 求 平方 根 运算 。 

表示 方式 3 对 于 表示 飞机 或 由 第 一 人 称 控制 的 情形 很 有 和 用， 尤其 适合 于 以 物体 为 中 心 
的 操控 方式 。 但 是 ,将 其 转化 为 矩阵 和 从 矩阵 转化 回来 较为 麻烦 。 

表示 方式 4 在 刚性 动画 中 颇 受 欢迎 。 将 它 转化 为 矩阵 形式 很 容易 ; 由 和 矩阵 形式 转化 为 
四 元 数 则 有 点 麻烦 ， 这 是 因为 四 元 数 到 旋转 属于 二 对 一 的 映射 。 采 用 四 元 数 表 示 时 插值 十 
分 容易 ， 且 表示 方式 2 中 对 和 矩阵 的 重新 正 交 化 在 此 处 转化 为 对 四 元 数 的 向 量 单位 化 处 理 ， 
计算 非常 快 。35. 5. 2 节 将 对 此 做 进一步 讨论 。 


11.4 旋转 与 旋转 参数 的 指定 


我 们 已 经 把 旋转 定义 为 具有 一 定性 质 的 变换 ;具体 地 ， 它 是 一 种 通过 和 矩阵 相 乘 表示 

的 ， 从 Rs: 到 R 的 线性 函数 。 例 如 ， 与 下 列 和 矩阵 
0 一 1 0 

1 0 | (11-45) 
0 人 sl 
相 乘 表示 的 变换 称 为 绕 z 轴 ( 或 在 zy 平面) 旋转 90"。 但 重要 的 是 理解 : 向 量 wv 与 矩阵 相 乘 
并 非 如 这 和 句 话 通常 表示 的 那样 : 让 其 绕 x 轴 旋 转 。 在 任何 时 刻 ， 向 量 v 都 没有 旋转 10 、 
20 "或 30"。 该 函数 只 是 针对 v 的 坐标 系 ， 返 回 的 是 坐标 系 旋转 90 后 v 的 新 坐标 。 确 实 ， 
从 旋转 后 返回 的 坐标 看 ， 没 有 办 法 区 分 其 旋转 了 90、 一 270 或 450 。 看 上 去 这 与 我 们 想 
要 得 到 的 旋转 似乎 无 关 ， 但 在 考虑 旋转 插值 问题 时 它 就 十 分 重要 了 。 假 定 我 们 想 要 创建 一 
个 插值 程序 interp (M1, M2,t)， 该 程序 输入 Mi 、MWM: 两 个 矩阵 以 及 用 于 插值 的 分 数 i， 
经 过 “完全 不 旋转 ”的 操作 后 ，M 和 M; 发 生 的 变化 会 导致 什么 结果 呢 ? 显然 ， 两 者 之 
间 插 值 的 结果 也 是 不 旋转 ( 即 为 同一 旋转 矩阵 )。 但 若 Mi 对 应 于 “完全 不 旋转 2”，M: 对 应 
于 绕 xz 轴 “旋转 360"”， 其 结果 就 不 同 了 。 也 许 我 们 想 要 的 是 绕 xz 轴 “ 旋 转 180” (一 
0. 5) ， 但 上 述 程序 并 不 能 得 到 这 个 结果 : 在 我 们 的 例子 中 ， 这 两 个 矩阵 Mi 和 M; 都 为 单 
位 矩阵 ! 

在 很 多 情况 下 ， 优 先 的 愿望 不 是 插值 旋转 矩阵 或 旋转 变换 ， 而 是 插值 旋转 的 参数 ， 然 
后 计算 插值 后 参数 所 对 应 的 变换 。 遗 憾 的 是 ， 对 旋转 参数 进行 插值 并 不 容易 。 以 旋转 轴 和 
旋转 角 为 例 ， 当 旋转 轴 不 变 时 很 容易 : 只 要 对 旋转 角 做 简单 插值 即 可 。 但 对 旋转 轴 进 行 插 
值 就 复杂 了 。 下 面 我 们 考虑 该 问题 的 两 个 例子 。 

1) 旋转 1: 绕 工 轴 旋 转 0。 旋 转 2: 绕 工 轴 旋 转 90 。 

2) 旋转 1: 绕 y 轴 旋转 0。 旋 转 2: 绕 xz 轴 旋 转 90 。 

对 这 两 种 情况 所 示 旋 转 均 做 中 间 插 值 ， 结 果 是 相同 还 是 不 同 呢 ?注意 初始 时 和 最 终 时 








两 种 情形 所 对 应 的 旋转 是 相同 的 。 唯 一 的 不 同 是 ,未 给 定 角度 时 如 何 确定 与 之 毫 无 关联 的 
旋转 轴 方 向 。 这 会 不 同 吗 ? 

Yahia 和 GagalowiczLYG89 | 描述 了 一 个 对 旋转 轴 和 旋转 角 进 行 插值 的 方法 ， 即 使 旋转 
角 为 2r 的 倍数 ， 旋 转轴 也 会 影响 插值 结果 ; 除 此 之 外 ， 该 方法 还 是 不 错 的 。 


11.5 对 矩阵 变换 进行 插值 

尽管 前 面 章 节 宣 称 ， 一 般 而 言 我 们 希望 对 旋转 参数 而 不 是 变换 矩阵 本 身 进 行 插值 ， 但 
有 些 情况 下 直接 对 变换 进行 插值 还 是 有 意义 的 。 例 如 ， 如 果 我 们 编写 了 一 个 物理 仿真 程 
序 ， 可 计算 物体 在 某 时 刻 的 朝向 和 位 置 ， 现 想 要 填 入 中 间 时 刻 的 朝向 和 位 置 ， 通 过 采用 足 
够 小 的 时 间 步 长 ， 来 保证 仿真 程序 给 出 的 各 关键 时 刻 的 值 与 其 相 邻 时 刻 的 值 非常 接近 ( 即 
一 个 物体 不 会 在 两 相 邻 的 关键 时 刻 间 旋 转 720") 。 对 于 两 个 如 此 “接近 的 ”变换 状态 ， 可 
以 对 它们 插值 吗 ? 

Alexa 等 人 [Ale02] 描 述 了 一 种 对 变换 进行 插值 的 方法 ， 更 一 般 地 说 是 实现 变换 线性 
组 合 的 方法 ， 其 条 件 是 待 组 合 的 变换 “足够 接近 ”。 本 章 的 网 络 资料 介绍 了 这 一 方法 ,但 
因为 它 涉及 和 矩阵 指数 和 其 他 我 们 不 想 深入 的 数学 问题 ， 在 此 不 再 准 述 。 


11.6 虚拟 跟踪 球 和 弧 球 


作为 对 旋转 空间 研究 的 一 个 应 用 ， 现 在 考察 对 我 们 当前 观察 的 3D 物体 的 姿态 实施 控 
制 的 两 种 方法 。 这 两 种 用 户 界面 技术 无 疑 是 3D 交互 主题 的 一 部 分 ( 见 第 21 章 ， 那里 我 们 
给 出 具体 的 实现 ) ， 此 处 对 它们 进行 讨论 是 因 其 与 SO(3) 的 研究 密切 相关 。 

本 书 的 标准 3D 测试 程序 可 以 显示 基于 网 格 表示 的 几何 物体 。 现 假定 有 一 个 由 项 点 
Pu,，P，…， 已 组 成 的 固定 网 格 K 。 在 每 次 显示 网 格 K 之 前 ， 对 其 每 个 顶点 已 施加 变 
换 生 成 一 个 新 的 网 格 。 如 果 我 们 反复 改变 施加 在 网 格 K 上 的 变换 ， 将 看 到 一 系列 随时 间 
而 变化 的 新 的 网 格 。 

另 一 种 观察 方法 是 让 网 格 K 固定 不 动 ， 但 不 断 改 变 虚 拟 相 机 的 位 置 和 朝向 。 这 里 我 
们 将 采用 第 一 种 方法 。 毫 无 疑问 ， 两 种 方法 密切 相关 : 沿 一 个 方向 移动 物体 等 价 于 沿 相 反 
的 方向 移动 虚拟 相机 (假定 场景 中 只 有 一 个 物体 ) 。 

设想 我 们 希望 能 从 所 有 的 角度 观察 物体 。 假 设 物体 被 放置 在 原点 ， 因 此 可 以 对 其 施加 
旋转 变换 以 改变 其 朝向 但 保持 位 置 不 变 。 但 如 何 来 控制 视线 的 方向 呢 ? 

一 个 容易 理解 的 比喻 是 想象 物体 被 一 个 巨大 的 玻璃 球 所 包围 ( 见 图 11-10)。 这 个 玻璃 
球 是 如 此 之 大 ， 阁 将 它 画 在 显示 器 上 ， 它 会 最 大 限度 地 占 满 显示 吉 ( 对 于 一 个 正方 形 显示 
器 ， 它 会 触 碰 到 显示 器 的 所 有 四 条 边 。) 现 在 设想 我 们 通过 点 击 球面 上 某 点 ， 拖 动 一 定 距 离 
再 松 开 ， 以 此 跟 虚 拟 球 进行 交互 。 例 如 我 们 首先 点 击 了 点 然后 在 Q 点 释放 鼠标 ， 这 将 意 
味 着 旋转 该 球 使 球面 上 点 了 沿 大 圆 弧 移动 到 点 Q( 即 在 由 PP、Q 和 圆心 定义 的 平面 上 进行 
旋转 ) 。 

当然 ， 当 用 鼠标 点 击 显示 器 上 一 点 时 ， 我 们 实际 并 非 点 击 在 球面 上 一 一 而 只 是 得 到 该 
点 在 显示 器 表面 上 的 坐标 。 然 后 基于 这 一 坐标 来 确定 球面 上 的 对 应 点 。 现 假设 知道 虚拟 相 
机 的 位 置 C， 以 及 鼠标 点 击 所 确定 的 显示 器 平面 上 对 应 点 S 的 位 置 ( 见 图 11-11)。 

为 了 确定 鼠标 点 击 点 在 球面 上 的 对 应 点 已 ， 需 求 取 以 下 参数 化 射线 

RY = CFC (11-46) 
与 虚拟 球 相交 的 位 置 ， 为 了 简化 起 见 ， 假 设 虚 拟 球 是 由 元 十 y 十 x 二 1 定义 的 单位 球 。 换 
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句 话 说， 显示 时 ， 单 位 球 只 触及 矩形 显示 器 的 两 边 。 对 于 球 上 的 点 R(t)， 其 坐标 (7 ， 7 
和 7-) 必 须 满足 所 定义 的 球面 方程 ， 即 
二 (11-47) 





图 11-11 当 用 户 点 击 显示 器 右 下 角 时 ， 就 
可 以 获得 对 应 点 S 在 3D 空间 成 像 
平面 上 的 3D 空间 坐标 ; 进而 确定 
从 眼睛 发 出 通过 该 点 的 射线 与 虚 





拟 球 相交 的 位 置 
男 一 种 思考 方式 是 ， 我 们 可 以 考虑 从 原点 O 到 R(1) 的 向 量 ， 即 C 十 :(S 一 C) 一 0O; 该 
向 量 必须 是 单位 长 度 ， 满足 : (R(1) 一 0)， (R(t) 一 0)==1, 今 u 为 S$ 一 C， 则 有 
(C—O+u). (C—O+m)=1 (11-48) 
对 上 式 进 行 简化 和 扩展 ; 并 令 c= 二 C 一 QO， 得 到 
(U* Wt (2ce uti+ecec=1 (11-49) 


上 式 是 关于 上 的 二 次 表达 式 ; 求解 得 到 


RE pp . A . . 
站 er eA 和 Cs WI me 丰 (11-50) 


其 中 较 小 的 1 值 ( 称 为 ) 对 应 于 射线 与 球面 的 第 一 个 交点 ; 采用 这 一 t 值 我 们 可 计算 得 到 
球面 上 的 点 








P=C+ii(S— OC) CLI-512 
(存在 1 的 两 个 解 都 不 是 实数 的 可 能 性 ， 在 这 种 情况 下 射线 与 球面 无 交 : 也 就 是 说 ， 用 户 
未 点 击 在 显示 的 虚拟 球 图 像 上 。) 

在 用 户 拖 动 鼠标 时 ， 我 们 可 用 同样 的 方法 计算 每 个 时 刻 其 在 球 上 的 对 应 点 Q。 然 后 按 
照 从 PP 到 Q 的 大 圆 弧 计算 球 的 旋转 ; 其 旋转 轴 必 须 是 正 交 于 P 和 Q 的 一 个 单位 向 量 ， 大 
小 为 cos '《(P。Q)。Rodrigues 公式 给 出 了 这 个 矩阵 。 

用 该 矩阵 乘 以 原始 网 格 中 所 有 顶点 将 得 到 当前 应 显示 的 网 格 ; 对 许多 人 来 说 ， 这 一 操 
作 过 程 非常 自然 。 
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尚 存在 两 个 问题 ， 当 用 户 将 点 拖 动 到 虚拟 球 以 外 会 发 生 什 么 ?” 当 用 户 的 初始 点 击 点 位 
于 虚拟 球 外 时 会 发 生 什么 ? 

已 尝试 了 各 种 解决 方法 。 倘 若 用 户 将 点 Q 拖 出 了 虚拟 球 ， 一 个 好 的 解决 方法 是 取 球 面 
上 离 用 户 当 前 射线 距离 最 近 的 点 作为 点 Q; 这 对 应 在 二 次 方程 求解 时 取 t= 一 c* wu/u*u。 

倘若 用 户 点 击 的 点 在 虚拟 球 外 ， 则 可 依据 后 续 的 鼠标 拖 动 来 生成 当前 网 格 绕 视 线 方向 
的 旋转 ， 当 今 大 多 数 2D 画图 程序 中 的 “旋转 物体 ”交互 操作 就 是 这 样 做 的 。 

前 面 描述 的 虚拟 球 控制 器 的 一 个 问题 是 控制 器 的 行为 依赖 于 用 户 初 始点 击 的 第 一 个 
点 ; 对 一 个 很 长 的 交互 序列 ， 该 点 可 能 逐渐 被 忘记 。 一 种 改进 的 方法 是 将 每 次 鼠标 的 拖 动 
看 成 对 球 运 动 的 新 的 定义 ， 重 新 从 起 点 拖 到 终点 。 这 样 一 来 ， 点 击 和 拖 动 鼠标 将 生成 一 个 
位 置 序列 P, 王 已 ，P ，P ，…， 忆 ,一 Q， 物 体 将 随 着 虚拟 球 从 P。 到 已 开始 做 第 一 段 旋 
转 ， 后 面 紧 接着 由 P, 和 P, 定义 的 旋转 ， 等 等 。 

不 过 ,采用 这 一 虚拟 球 旋转 的 改进 版 本 难以 返回 到 物体 的 起 始 位 置 ， 为 此 ， 可 以 采用 
在 小 圆 中 点 击 和 拖 动 鼠 标 使 物体 绕 视线 方向 旋转 ， 这 一 点 似乎 用 户 赁 本 能 就 可 学 会 。 

还 有 一 种 由 Shoemakel Sho92 ] 提 出 的 旋转 虚拟 球 的 不 同方 法 ， 该 方法 也 是 通过 点 击 和 
拖 动 将 鼠标 从 了 拖 动 到 Q， 但 虚拟 球 旋转 的 角度 加 倍 。 假 设 初 始点 击 位 置 在 虚拟 弧 球 的 中 
心 ， 然 后 将 其 拖 动 到 弧 球 的 边缘 ， 所 生成 的 不 是 90 旋转 ， 而 是 180 旋转 。 这 样 做 的 优点 
是 用 户 通 过 一 次 点 击 和 拖 动 就 能 生成 所 希望 的 任何 旋转 (例如 ， 从 靠近 球 边界 的 一 点 拖 动 
到 球 的 男 一 侧 边 界 将 绕 视 线 方向 旋转 一 周 )。 


.11.7 讨论 和 延伸 阅读 

对 于 数学 上 的 更 多 内 容 ， 关 于 SO(n) 的 研究 在 LChe46，Hus93，Ste99] 等 几 本 书 中 均 
有 涉及 ，S 和 SO(n) 的 一 些 基本 性 质 在 许多 关于 流 形 的 介绍 性 著作 [GP10，Spi79a] 中 有 
讨论 。 

关于 四 元 数 的 经 典 工作 可 参见 Hamilton[ Ham53]， 但 较为 现代 化 的 阐述 [Che46， 
Hus93] 则 更 容易 阅读 。 

四 元 数 是 Grassmann[ Gra47 | 致力 于 人 研究 的 更 一 般 现 象 中 的 一 个 例子 ， 在 这 类 现象 中 ， 
乘法 的 非 交 换 性 起 了 核心 作用 。 遗 憾 的 是 ， 在 该 著作 中 Grassmann 的 思想 表述 得 过 于 含糊 
以 至 在 很 大 程度 上 为 他 同时 代 的 人 所 忽略 。 近 年 来 在 物理 学 领域 对 四 元 数 出 现 了 一 些 新 的 
关注 (连同 在 图 形 学 领域 的 相应 关注 )， 新 的 进展 取 名 为 几何 代数 LHS84，DFM07j]。 


11.8 练习 


11.1 我 们 曾 通过 点 积 推导 过 方向 为 单位 向 量 & 的 直线 的 反射 矩阵 。 显 然 该 反射 等 价 于 绕 习 旋转 180 。 
试 采用 基于 轴 - 角 度 的 旋转 公式 直接 推导 反射 矩阵 。 

11.2 试 确定 在 R" 中 由 ei，…，e 等 前 & 个 标准 基 向 量 张 成 的 子 空间 的 反射 矩阵 ? 基于 & 值 ， 确 定 该 反 
射 是 保 方 向 的 还 是 反 向 的 。 

11.3 写 出 在 zy 平面 旋转 90 的 矩阵 和 在 yz 平面 旋转 90 的 矩阵 。 令 它们 为 M 和 kK， 验证 MK 了 KM。 由 
此 可 得 出 : 若 R 和 R; 是 SO(3) 中 的 元 素 ， 则 通常 情况 下 ，RiR; 王 RsRi 不 成 立 ; 这 与 2X2 旋转 
和 矩阵 的 SO(2) 集 合 截然 不 同 ， 在 SO(2) 集 合 中 任意 两 个 旋转 可 交换 。 

11.4 在 代码 清单 11-2 中 ， 有 个 条 件 “ 如 果 9 接近 x”， 在 处 理 这 种 大 旋转 角 的 情况 时 ,该 代码 取 MT 二 
的 一 个 非 零 列 v 作为 旋转 轴 。 只 要 9 不 精确 等 于 x，w 不 会 平行 于 坐标 轴 。 说 明 为 什么 v 十 Mo 将 
更 为 平行 于 坐标 轴 。 修 改 代码 清单 11-2 中 的 代码 ， 重 复 运 用 这 一 想法 直至 其 能 非常 好 地 通 近 坐 
标 轴 。 
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考虑 0 二 x/2 时 基于 欧 拉 角 旋转 的 参数 化 表示 。 说 明 同 时 增 大 $$ 和 减 小 y 且 增 减 的 量 相 同时 不 会 改 

变 旋 转 矩 阵 。 

公式 (11-23) 中 的 第 二 个 矩阵 是 第 一 个 和 矩阵 (J ) 的 平方 ， 它 也 是 一 个 对 称 阵 。 这 并 非 巧合 。 说 明 反 

对 称 和 矩阵 的 平方 总 是 对 称 的 。 

分 别 找 出 J。 和 J。 的 特征 值 和 所 有 实 特征 向 量 。 

假设 A 是 R: 中 一 个 旋转 矩阵 。 

(a) 一 个 3X3 和 矩阵 有 多 少 个 特征 值 ? 

(b) 说 明 一 个 旋转 矩阵 ( 仅 有 ) 的 实数 特征 值 为 十 1。 提 示 : 旋转 时 长 度 保持 不 变 。 

(c) 对 于 一 个 实数 矩阵 ， 非 实数 的 特征 值 是 成 对 出 现 的 : 如 果 < 是 一 个 特征 值 ， 则 z 也 是 。 据 此 推 
断 A 必 有 一 个 或 三 个 实数 特征 值 。 

(d) 基于 下 列 事实 : 如果 z 是 一 个 非 零 复 数 ， 则 = 二 0; 矩阵 的 行列 式 是 其 所 有 特征 值 的 乘积 ， 说 
明 : 如 果 A 有 一 个 非 实 数 的 特征 值 ， 那 么 它 必 有 一 个 实数 特征 值 为 1; 如 果 4 的 特征 值 均 为 
实数 ， 那 么 其 中 至 少 有 一 个 为 1。 

(e) 证 明 因 为 1 恒 为 4 的 一 个 特征 值 ， 总 有 一 个 非 零 向 量 v 使 得 Av 二 vz， 也 就 是 说 ,旋转 矩阵 A 
有 -个 轴 。 

与 向 量 @ 关联 的 反对 称 和 矩阵 J。 是 线性 变换  w Xv 的 矩阵。 

(a) 说 明 每 个 3X3 反对 称 和 矩阵 $ 表示 与 某 一 向 量 @ 的 又 乘 ， 也 就 是 说 ， 它 描述 映射 w 一 Jo 的 逆 。 

(b) 由 此 解释 为 什么 每 个 3X3 反对 称 矩 阵 有 一 个 特征 值 为 0， 因 此 det $=0。 

在 对 虚拟 球 控 制 器 的 描述 中 ， 我 们 采用 了 0=cos- CCP.Q)， 这 里 参与 点 积 的 是 点 而 不 是 向 量 。 

之 所 以 能 够 成 立 是 因为 我 们 假定 虚拟 球 的 中 心 位 于 原点 。 

(a) 假设 中 心 在 其 他 点 B， 如 何 计算 0? 

(b) 假设 虚拟 球 并 非 单位 球 ， 如 何 计算 9? 

使 用 3D 测试 平台 通过 虚拟 球 交互 来 调控 视线 方向 。 

给 定点 已 和 方向 mw， 描述 如 何 构造 Ri 中 围绕 由 PP 和 w 确定 的 直线 旋转 9 的 变换 ， 其 中 旋转 平面 

过 尸 点 且 垂 直 于 w， 当 沿 P 十 v 方 向 观察 时 ， 旋 转角 0 为 逆 时 针 方 向 。 

在 第 7 章 曾 看 到 ， 如 果 f 是 包含 点 Q 且 法 向 为 n 的 平面 的 测试 函数 ， 即 f(P) 二 (PP 一 Q)，n， 则 

可 以 令 g(?) 二 A 十 w， 通 过 求解 f(g (1)) 二 0 来 计算 射线 1 > A 十 tw 与 该 平面 的 交 。 假 设 T 是 

4X4 和 矩阵 M 表示 的 一 个 线性 变换 (也 许 是 一 定量 的 平移 ， 或 绕 > 轴 旋 转 30")。 将 工 应 用 于 由 J 卫 定 

义 的 平面 上 的 每 个 点 ， 将 得 到 一 个 新 的 平面 ， 进 而 找 出 射线 与 新 平面 的 交 。 

(a) George 提出 新 平面 的 测试 函数 可 由 FCP)= FTCP)) 定 义 ， 是 否 正 确 ? 如 果 不 是 ， 将 其 调整 
为 正确 。 

(b) 说 明 f(g(2))==0 当 且 仅 当 f(g(2))==0, 其 中 gD)=M AT+IM- ww。 

(c) 描述 如 何 使 用 (b) 中 的 思想 计算 光线 与 某 个 已 经 过 仿 射 变换 的 物体 之 间 的 交点 (假定 已 知 如 何 

计算 光线 与 该 物体 标准 形式 的 交点 )。 这 样 一 来 ， 如 果 你 知道 如 何 光线 跟踪 一 个 标准 单位 球 ， 

即 可 跟踪 一 个 拉 伸 和 旋转 后 的 单位 球 ( 椭 球 )。 

在 光线 跟踪 中 ， 不仅 需 要 求 取 交点 ,还 需 确 定 交点 处 的 法 向 。 假 设 现 不 是 让 光线 RR 与 一 个 变 

换 后 的 球 相 交 ， 而 是 对 R 进行 道 变换 ,将 它 与 位 于 原点 的 单位 球 求 交 ， 进 而 求 得 交点 P= 

(zx，y，z) 和 法 向 量 n 二 [x y zj 。 试 问 如 何 找 出 变换 后 的 球 在 该 点 的 法 向 量 ? 注意 : 这 

种 光线 跟踪 方式 对 复杂 场景 并 不 适用 ， 因 为 对 每 条 光线 而 言 ， 都 必须 遍历 场景 模型 的 层次 结 

构 ， 计 算 耗 费 很 大 。 相 反 ， 若 将 场景 层次 模型 展 平 为 一 系列 三 角形 并 使 用 一 种 空间 数据 结构 

加 速 求 交 测 试 ， 通 常会 更 快 ， 但 也 不 尽 然 : 假设 森林 里 有 100 万 棵 同样 的 树 ， 每 棵 树 包含 

100 万 个 三 角形 ( 均 为 相同 副本 )， 此 时 采用 空间 数据 结构 方法 会 失败 。 相 反 ， 我 们 取 每 棵 树 

的 包围 鲍 作 为 空间 数据 结构 的 叶 结 点 ， 再 运用 本 练习 中 的 光线 道 变换 技巧 ， 在 原型 树 的 建 模 

空间 中 对 每 条 光线 进行 跟踪 ， 或 许 再 采用 空间 数据 结构 加 速 计算 。 这 是 坐标 一 系统 /基本 原 

则 的 男 一 个 应 用 。 


(d 
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12.1 引言 


前 几 章 的 思想 可 以 很 好 地 概括 为 对 若干 关联 类 的 处 理 ， 这 将 有 助 于 维持 点 和 向 量 间 的 
区 别 、 点 的 变换 TT 和 向 量 及 余 向 量 关 联 变 换 之 间 的 区 别 ， 此 外 还 讨论 了 图 形 学 中 常 进行 的 
一 些 例 行 计算 。 

本 章 可 认为 是 实现 原理 的 一 个 实例 : 假设 你 对 某 一 数学 思想 已 充分 理解 ， 也 就 能 通过 
代码 实现 ， 之 后 就 再 无 必要 去 继续 研究 它 了 。 

本 书 网 站 就 提供 了 用 C# 写 的 这 种 实现 程序 ， 其 开始 部 分 为 之 前 见 过 的 预先 定义 的 
Point、Vector、Point3D 以 及 Vector3D 等 WPF 类 ， 建 议 读 者 下 载 该 实现 程序 ， 以 
便 在 阅读 本 章 内 容 时 查阅 。 

该 实现 程序 基于 一 个 和 矩阵 库 ， 可 求 和 矩阵 的 逆 、 解 线性 方程 组 以 及 做 矩阵 乘法 运算 等 。 
我 们 选择 了 MathNet .Numerics.LinearAlgebra 库 LMat]。 如 果 你 希望 选择 其 他 库 ， 
很 容易 进行 置换 ， 因 为 程序 中 对 该 库 为 局 部 化 使 用 。 

大 多 数 类 都 有 一 些 程序 ， 它 们 对 某 些 情形 会 失败 。 例 如 ， 要 找 一 个 线性 变换 将 ww 变 
换 到 wl 隆 0， 同 时 又 将 vi 变换 到 2w,， 但 其 答案 并 不 存在 。 所 有 的 失败 可 归结 为 某 些 矩 
阵 不 可 逆 。 我 们 会 提出 这 些 异 常情 况 ， 在 相应 的 代码 和 文档 中 予以 讨论 ， 本 章 中 不 再 一 一 
列 出 。 

本 章 实 现 程 序 可 采用 的 方法 并 非 唯一 ,我 们 的 方法 都 基于 变换 这 个 基本 概念 ， 但 以 坐 
标 系 作为 基本 实体 也 是 一 种 合理 和 可 行 的 选择 。 正 如 在 第 10 章 曾 讨论 过 用 坐标 系 的 变化 
来 解释 线性 变换 ， 采 用 这 一 视角 可 探讨 图 形 学 中 的 许多 问题 。 最 终 得 到 面向 向 量 空间 (2D 
空间 中 有 两 个 独立 的 向 量 ，3D 空间 中 有 三 个 独立 的 向 量 ) 的 坐标 系 ， 面 向 仿 射 空间 (一 个 
2D 仿 射 坐标 系 通常 由 三 个 点 组 成 ， 基 于 这 三 个 点 可 确定 重心 坐标 。 但 坐标 系 的 建立 也 可 
以 基于 一 个 点 和 两 个 向 量 ) 的 坐标 系 ， 面 向 投影 空间 (在 2D 情形 中 ， 一 个 投影 坐标 系 可 由 
“一 般 位 置 ” 语 义 下 的 四 个 点 表示 ， 后面 我 们 将 简要 介绍 ) 的 坐标 系统 。 上 述 基 于 坐标 系 实 
现 变 换 的 思路 由 Mann 等 人 提出 LMLD97]。 


12.2 点 和 向 量 


在 WPF 中 ， 预 定义 的 Point 和 Vector 类 实现 了 我 们 讨论 过 的 主要 思想 (两 维 的 ): 
所 定义 的 运算 包括 将 一 个 Point 和 一 个 Vector 相 加 得 到 一 个 新 的 Point， 但 是 没有 提 
供 两 个 Point 相 加 的 运算 。 也 可 进行 一 些 通用 的 运算 ， 如 Vector 的 点 积 。 

然而 ， 对 类 的 设计 中 也 有 特性 化 之 处 。 点 P 的 两 个 坐标 值 P.x 和 P.Y 不 能 作为 长 度 
为 2 的 数组 元 素 加 以 引用 ， 也 无 预定 义 的 cast 操作 将 其 转换 为 aouble [2]。 不 过 , 为 
Vector 预定 义 了 CrossProduct 操作 ， 该 操作 假定 向 量 均 位 于 3D 空间 的 xy 平 面 上 ， 
计算 其 3D 又 积 ( 沿 = 轴 方 向 )， 返回 结果 向 量 的 > 向 分 量 。 为 使 所 设 的 数据 类 型 能 方便 地 
为 WPF 其 余部 分 所 用 ， 这 里 我 们 忽略 这 些 个 性 化 之 处 ， 简 要 地 取 了 Point 和 Vector 类 
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(以 及 其 3D 相似 类 ) 中 我 们 想 要 的 部 分 。 并 将 一 些 几何 函数 添加 到 LIN_ALG 命名 空间 (其 
中 包含 了 所 有 变换 类 ) 以 便 执行 单个 向 量 的 2D 又 积 之 类 的 计算 。 


12.3 变换 


WPF 也 有 一 个 名 为 Matrix 的 类 ， 因 其 独特 性 在 这 里 并 不 适用 。 我 们 希望 建立 的 库 
将 基于 变换 而 不 是 表示 变换 的 矩阵 ， 故 定义 为 四 类 : 
e@ MatrixTransformation2: 该 类 是 线性 变换 、 仿 射 变 换 和 投影 变换 的 父 类 。 由 
于 三 者 都 用 3X3 的 矩阵 表示 ， 一 个 MatrixTransformation 将 对 应 一 个 3X3 的 
矩阵， 并 提供 对 和 矩阵 相 乘 和 求 逆 的 支持 程序 。 
e@ LinearTransformation2: 将 Vector 变换 为 Vector。 
© AffineTransformation2; 对 Point 和 Vector 都 可 变换 。 
ProjectiveTransformation2: 对 齐 次 表示 的 Point 进行 变换 ， 和 矩阵 相 乘 后 除 
以 其 最 后 一 个 坐标 。 

(在 3D 变换 中 也 有 四 个 相应 的 类 。) 

在 每 种 情况 下 ， 我 们 都 通过 * 操作 符 来 定义 组 合 变换 ， 同 时 也 通过 * 操作 符 实 现 对 
Point 或 Vector 的 变换 。 例 如 ， 要 对 一 个 点 进行 平移 并 旋转 x/6， 我 们 可 以 写成 : 


了 GEER 世 了 = new Point (ss.)s 

AffineTransformation2 T = AftfineTransformation2 .Translate (Vector (3,1));} 
AffineTransformation2 S = AffineTransformation2 .RotateXY (Math.PI/6); 
point Gm WB Fy # Bs 


如 果 我 们 想 对 多 个 点 进行 上 述 组 合 变换 ， 应 先 计算 出 组 合 变换 并 改写 为 : 


he 
2 AffineTransformation2 T2 = (S * T); 
3 FonNE QS T2 RY 


一 


12.3.1 效率 


对 点 或 各 量 进行 变换 操作 必然 涉及 内 存 分 配 、 方 法 调用 、 和 矩阵 乘法 等 。 只 需 简 单 地 将 
和 矩阵 存储 起 来 ， 即 可 避免 大 部 分 这 样 的 开销 。 由 于 图 形 程序 最 后 都 会 对 大 量 的 点 和 向 量 做 
大 量 的 变换 ， 你 可 能 会 认为 自行 编程 是 最 好 的 方法 。 倘 若 你 正在 编写 一 个 将 在 处 理 器 上 运 
行 的 实时 图 形 程序 ， 而 计算 量 是 其 瓶颈 (如 在 电池 供电 的 装置 上 运行 的 游戏 )， 则 事实 确实 
如 此 。 但 作为 计算 机 图 形 学 的 学 生 ， 你 编写 的 大 部 分 程序 可 能 最 终 都 只 运行 几 次 ， 作 为 开 
发 人 员 ， 程 序 中 “开销 ”最 大 的 却 是 你 的 时 间 。 如 果 你 习惯 于 经 常 查看 代码 细节 ， 你 会 发 
现 自行 编写 的 代码 很 难 进行 检查 ， 而 采用 高 层次 的 方法 将 可 帮助 你 减少 错误 甚至 提高 效 
率 。 可 使 用 一 个 分 析 工 具 来 准确 地 确定 代码 中 哪些 地 方 你 需要 做 精细 的 编程 而 不 是 采用 高 
层次 的 方法 。 

尽管 如 此 ， 也 有 一 些 地 方 无 需 代 价 即 可 提升 计算 效率 。 例 如 ，LinearTransforma - 
tion2 类 采用 3X3 和 矩阵 来 表示 一 个 变换 ， 其 矩阵 通常 为 下 列 形式 : 
外 0 
ew 0 
0 克 ， 亚 
相 比 通常 的 3X3 矩阵 ， 它 的 求 道 更 简单 (只 需要 对 左上 方 的 2X2 矩阵 求 逆 )。 同 样 ， 两 个 
这 样 的 矩阵 相 乘 比 3X3 的 矩阵 相 乘 更 为 简单 (只 需 将 左上 方 的 2X2 和 矩阵 相 乘 )。 将 Ma- 
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trixTransform2 方法 运用 到 和 抢 阵 求 赣 和 相 乘 ， 将 得 到 很 大 程度 的 效率 提高 。 
课 内 练习 12. 1: 在 不 查看 代码 的 情况 下 ， 思 考 在 对 及 * 仿 射 变换 求 逆 时 ， 能 和 否 找到 一 
个 比 3X3 矩阵 求 逆 更 有 效 的 方法 。 提 示 : 矩阵 最 后 一 行 总 是 [0 0 1j]。 


12.4 变换 的 参数 


对 于 每 一 种 变换 ， 上 默认 的 构造 函数 将 生成 变换 的 标识 (MatrixTransformation2 构 
造 器 是 protected 类 的 ， 只 有 派生 类 能 创建 MatrixTransformation 困 数 )。 一 般 情 
况 下 ， 变 换 都 是 由 有 助 于 记名 的 静态 方法 构造 的 ， 璧 如 AffineTransformation2 类 存 
在 8 种 创建 变换 的 静态 方法 (全 是 public static AffineTransforms2)。 


RotatexY (double angle) 
Translate (Vector v) 
Translate (Point p, Point q) 
AxisScale (double x_amount, double y_amount) 
RotateAboutPoint (Point p, double angle) 
PointsToPoints (Boint pl Boint p22; Point p33Point al, Point qaqZ2, Polnt da3) 
PointAndVectorsToPointAndVectors (Point pl, Vector vl, Vector v2, 
Point ql, Vector wl, Vector w2) 
PointsAndVectorToPointsAndVector (Point pl, Point p2, Vector V1， 
Poirnt dl, Point d2 Vecetor Wi) 


此 处 命名 约定 很 简单 : 从 “变换 之 前 ”到 “变换 之 后 ”， 因 此 


Translate(Point p, Point q) 


创建 p 到 a 的 变换 ， 倘 若 变换 涉及 多 个 参数 ， 点 总 是 列 在 向 量 之 前 ， 因 此 在 
PointAndVectorsToPointAndVectors 
中 ,点 pl 变换 到 g1， 向 量 v1 变换 到 w1， 向 量 v2 变换 到 w2。 这 一 方法 的 名 称 表示 有 一 
个 点 和 一 个 以 上 的 向 量 ; 这 是 因为 平面 的 仿 射 变换 可 由 三 个 点 ,或 一 个 点 两 个 向 量 ,或 两 
个 点 一 个 向 量 决定 ， 而 由 其 名 称 可 知 参 数 只 能 是 一 个 点 两 个 向 量 。 
我 们 命名 了 那些 大 家 十 分 熟悉 的 变换 平移 、 旋 转 、 沿 坐标 轴 缩放 ， 其 名 称 已 指出 
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其 售 义 。 虽 然 这 些 命 名 有 点 繁琐 ， 但 它们 表意 ， 便 于 理解 相应 名 称 下 的 代码 。 
12.5 实现 


大 部 分 的 变换 都 很 容易 实现 。 比 如 ， 为 执行 AffineTransformation2， 先 调用 


PointAndVectorsToPointAndVectors 


这 样 一 来 ，PointsToPoints 方法 就 容易 懂 了 : 


1 public static AffineTransform2 PointsToPoints( 

2 PoOint Bly Point P22, Eoint pp3r 

3 Point gl Point dd27 PoLnt q3) 

4 1{ 

站 Vector vl = p2 - pl; 

6 Vector v2 = B3 = pl1; 

7 Vector wl = q2 - ql; 

8 Vector w2 = q3 - ql; 

9 return AffineTransform2.PointAndVectorsToPointAndVectors(pl, vl, v2, ql, wl, 
w2); 

10°3 


PointAndVectorsToPointAndVectors 代码 以 一 种 相对 直观 的 方式 实现 : 我 们 知 
道 向 量 vl 和 v2 必然 以 3X3 和 矩阵 的 形式 变换 到 向 量 wl 和 w2， 也 就 是 矩阵 左上 角 必 须 为 
能 在 2D 空间 执行 这 一 变换 的 2X2 和 矩阵 。 故 调用 LinearTransformation2 中 的 Vec- 
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torsToVectors 方法 来 实现 这 个 变换 。 然 而 ， 一 般 而 言 ， 所 得 到 的 变换 并 不 一 定 能 将 P1 
变换 到 gal， 为 此 ， 我 们 在 向 量变 换 之 前 将 p1 平移 到 坐标 原点 (平移 对 向 量 不 起 作用 ); 再 
进行 线性 变换 。 之 后 将 坐标 原点 移动 到 gs1。 最 终 P1 变换 到 ql， 而 向 量 的 变换 即 为 所 求 。 

显然 ， 上 述 方法 依赖 于 LinearTransformation2 的 VectorsTovVectors。 在 编写 
其 代码 时 ， 我 们 将 vl 和 v2 作为 3X3 和 矩阵 的 前 两 列 ， 和 矩阵 右 下 角 元 素 取 为 1。 这 一 变换 
TT 将 el 变换 到 w ，e; 变换 到 v,。 同 样 ， 我 们 可 采用 wl 和 w2 建立 一 个 S 变换 将 el 变换 
到 wl，es 变换 到 w;。 则 TT。S “的 复合 变换 将 vi 变换 到 e 再 变换 到 wi};，w, 的 情形 类 
似 ， 从 而 解决 了 问题 。 


12. 5. 1 投影 变换 


在 实现 中 唯一 需要 仔细 处理 的 问题 是 ProjectiveTransformation2 中 的 方法 
PointsToPoints， 解 释 这 段 代码 需要 一 点 数学 知识 ,但 都 是 之 前 我 们 见 过 的 不 同形 式 的 
数学 公式 。 

给 出 欧 氏 平面 上 4 个 点 P!、P;、P3、P,， 我 们 需要 找到 一 个 投影 变换 将 它们 变换 到 
欧 氏 平面 上 的 Qi 、Q 、Qs 、Q:。 

在 进一步 说 明之 前 ， 我们 必须 提 到 一 点 限制 。 在 描述 LinearTransformation2 的 
方法 VectorsToVectors 时 ,我 们 承诺 将 vi 变换 到 wl，w, 变换 到 w* ， 但 此 处 存在 一 
个 约束 条 件 : 如 果 vi 二 0 但 友和 天 0， 将 不 存在 可 实现 它 的 线性 变换 。 实 际 上 ， 如 果 vi 是 
z; 的 倍数 ， 一般 而 言 ， 也 不 存在 相应 的 线性 变换 ( 除 
非 mw, 也 是 zw 的 相同 倍数 ， 而 此 时 将 存在 无 数 解 ) 。 
我 们 的 求解 方法 (或 使 一 般 问 题 有 解 ) 隐 含 的 约束 为 : 
v1 和 zw 必须 线性 无 关 。 对 PointsToPoints， 人 情况 
是 类 似 的 ， 点 P; (i 二 1，…，4) 必 须 为 一 般 位 置 ， 也 就 
是 说 没有 两 个 点 是 相同 的 ， 并 且 任 何 一 个 点 都 不 位 于 
由 其 他 两 个 点 所 决定 的 直线 上 ( 见 图 12-1) 。 用 更 熟悉 图 12-1 四 个 点 均 为 一 般 位 置 ， 因 为 





的 术语 来 说 ， 上 述 条 件 等 价 于 : P, 、P, 、P, 构成 一 个 后 汪 本 全 的 相 可 和 
ES = 明 6 重 小 两 个 点 的 直线 上 或 前 三 个 点 
和 的 三 入 玉 ， 对 于 三 角形 和 ee 心 上 从 组 成 一 个 非 退 化 的 三 角形 ， 
标 非 零 。 同 样 ， 所 取 的 Q， 也 应 为 一 般 位 置 。 第 四 个 点 也 不 在 三 角形 任意 
回 到 将 P; 变换 到 Q; 的 主要 问题 上 ， 在 将 点 P; 和 一 条 边 的 延长 线 上 。 两 种 描 

Q; 表示 成 3D 空间 元 素 时 ,我 们 在 每 个 点 的 坐标 分 量 述 等 价 


后 添加 一 个 1， 让 其 变 为 一 个 末端 位 于 ww 二 1 平面 上 的 向 量 ,， 并 称 它们 为 向 量 p; 、p; 等 。 
于 是 本 节 的 问题 就 可 以 表示 为 : 找到 一 个 满足 下 面条 件 的 3X3 的 矩阵 M: 


MPp ,一 adi (12-2) 
Mp;,= Bq;: (12-3) 
Mps= Yq; (12-4) 
Mp1= dq, (12-5) 


其 中 a、B、Y 和 6 为 四 个 非 零 值 (例如 ， 当 a qi 除 以 它 的 最 后 一 个 坐标 分 量 时 ， 会 变 成 
4 )。 问 题 是 我 们 并 不 知道 这 些 因 子 的 值 。 
从 以 上 所 述 来 看 ， 这 个 问题 十 分 棘手 。 如 果 没 有 这 些 因 子 ， 我 们 只 需要 找到 一 个 矩阵 





日 ”后 一 条 件 过 于 严格 ,但 是 它 能 在 一 定 程度 上 简化 分 析 。 
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满足 Mp; 王 q;(i 二 1，…，4)。 但 每 次 只 能 求解 三 个 向 量 ， 而 不 是 四 个 。 所 以 这 些 因 子 是 至 
为 关键 的 ， 没 有 它们 ,一般 而 言 ， 问 题 将 完全 无 解 。 但 引入 这 些 因子 无 疑 使 求解 变 得 更 为 
复杂 : 我 们 需要 求解 矩阵 的 9 个 元 素 和 4 个 因子 ， 总 共有 13 个 未 知 量 。 这 里 有 四 个 方程 ， 
每 个 方程 可 列 出 3 个 式 子 ， 故 共有 12 个 方程 式 和 13 个 未 知 量 ， 是 一 个 大 的 不 定 方程 组 。 
容易 发 现 为 什么 这 个 方程 组 是 不 定 的 ， 即 使 : 如 果 我 们 找到 方程 组 (12-2) 一 方程 组 (12-5) 
的 一 组 解 (M，a，8，7y，6)， 那 么 也 可 以 通过 加 倍 得 到 另 一 组 解 (2M，2a，28，27，26) 。 

课 内 练习 12.2: 验证 这 一 论断 。 

为 使 该 问题 的 解 唯一 ， 首 先 取 6 一 1。 这 样 ， 对 13 个 未 知 量 将 有 13 个 方程 式 ， 刚 好 可 
以 求解 这 个 线性 系统 。 在 3X3 的 情形 下 存在 更 为 简单 且 计算 量 更 小 的 方法 ,在 4X4 情形 
中 ， 甚 至 会 省 去 更 多 的 计算 。 

课 内 练习 12.3: 证 明 如 果 方 程 组 (12-2) 一 方程 组 (12-5) 存 在 解 ， 则 6 一 1 必 为 解 之 一 。 
解释 为 什么 任何 解 都 满足 9 关 0。 

在 对 问题 进行 简化 时 ， 我 们 将 遵循 第 10 章 建 立 的 模式 。 为 了 将 p; 变换 到 gq;， 将 找 出 
一 种 方法 把 四 个 标准 向 量变 换 到 q;， 再 将 这 四 个 向 量变 换 到 p;， 然 后 将 其 中 的 一 个 变换 与 
男 一 个 的 逆 变 换 组 合 起 来 。 我 们 将 选用 e: 、e; 、es 和 w 二 ei 十 e; 十 es 作为 四 个 标准 向 量 ， 
首先 找到 一 个 变换 将 它们 变换 到 gj 、q; 、q;、q 的 常数 倍 。 

第 一 步 : 矩阵 的 列 取 为 gq 、q; 、q;， 它 将 e 变换 到 q; ，e* 变换 到 gq, ，e; 变换 到 gs 。 
然而 并 不 一 定 将 wu 变换 到 gq,， 不 过 它 将 wu 二 ei 十 es 十 es 变换 到 qi 十 q; 十 qs， 也 就 是 矩阵 各 
列 的 总 和 。 如 果 我 们 用 不 同 的 倍数 缩放 和 矩阵 的 每 一 列 ， 得 到 的 和 矩阵 仍然 能 将 e 变换 到 gq; 
的 倍数 ，i 一 1，2，3， 且 可 将 uw 变换 为 不 同 倍数 的 q; 的 之 和 。 因 此 ， 在 第 一 步 中 ，g, 可 以 
写成 gi; 、q;、q; 的 线性 组 合 。 

qi 二 aqi 二 Bq: 十 Yq; (12-6) 
它 同 样 意味 着 在 重心 坐标 中 Q, 可 用 Q 、Q: 、Q: 表示 。 注 意 ， 因 做 了 一 般 位 置 假设 ， 故 
a、B、7Y 均 非 零 。 

课 内 练习 12. 4: 解释 最 后 一 句 中 的 论断 。 

在 代码 中 ， 为 了 得 到 a、 8 和 7， 我 们 创建 一 个 矩阵 了 Q 二 [ql; q;; qs]， 使 得 


1 
7 


课 内 练习 12. 5: 解释 为 什么 式 (12-7) 的 解 为 式 (12-6) 的 一 个 解 。 
现 考虑 矩阵 


= 0-19g， 相交 万 





A= [agqi;Bq:;7Yq3J (12-8) 

容易 证 明 它 将 e; 变换 到 gq, 的 倍数 ,i 二 1，2，3， 同 时 将 wu 变换 为 该 矩阵 各 列 的 和 。 由 
式 (12-7) 知 ， 这 就 是 q,。 

第 二 步 : 重复 上 面 步骤， 我 们 能 找到 一 个 变换 和 矩阵 再 将 et 、e 、e;、uw 变换 到 pi;、p;、 
ps3、 Ds 的 倍数 。 

第 三 步 : 矩阵 4B ' 即 可 将 p; 变换 为 相应 的 gq; 的 倍数 。 

注意 在 上 述 过 程 中 我 们 求解 了 一 组 3X3 的 方程 ， 求 了 3X3 个 和 矩阵 的 逆 ， 与 求解 一 组 
13X13 的 方程 相 比 ， 计 算 量 大 为 减少 。 





加 ”分 号 表示 所 列 出 的 项 为 矩阵 的 列 。 
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课 内 练习 12.6: 解释 为 什么 矩阵 B= [a'piBp; Xps]( 其 中 i B、 交 是 区 关 寺 5 
P,、P 的 重心 坐标 ) 是 可 逆 的 。 提 示 : 构建 B 二 PS$S， 其 中 S 为 对 角 和 矩阵 ，P 的 列 取 为 Pi、 
ps、ps3， 并 考虑 点 P;(i 二 1]，…，4) 的 一 般 位 置 假设 。 


12.6 3D 空间 


除了 旋转 较 复 杂 外 ， 库 中 的 3D 变换 部 分 完全 类 似 于 2D。 为 了 实现 围绕 任意 一 个 向 量 
的 旋转 ， 我 们 使 用 Rodrigues 公式 ; 为 了 实现 绕 任 意 射 线 ( 由 一 个 点 和 一 个 方向 指定 ) 的 放 
转 ， 我 们 将 该 点 平移 到 原点 ， 然 后 进行 向 量 旋转 ， 最 后 平移 回去 。 投 影 空间 中 的 Point- 
sToPoints 变换 方法 采用 了 2D 空间 中 使 用 的 一 般 性 方法 ， 用 4 个 联 立方 程 和 一 个 4X4 
和 矩阵 求 逆 取代 求解 21 个 联 立 方程 。 


12.7 相关 变换 


有 了 欧 氏 空间 的 仿 射 变换 T， 我 们 即 可 同时 对 点 和 向 量 进行 变换 (已 写 和 代码)。 关 于 
仿 射 变换 ， 我们 知道 如 何 实施 余 向 量变 换 ， 在 代码 中 已 定义 一 个 Covector 结构 (从 其 
doubles 数组 的 存储 格式 看 ， 它 类 似 于 Vector 结构 )。 对 于 仿 射 变换 ， 也 存在 一 个 和 余 
向 量 相 关 的 变换 了 .NormalMap， 我 们 约定 称 其 为 “法 向 映射 ”而 不 是 “ 余 向 量 映射 >， 因 
为 它 在 图 形 学 中 作用 的 对 象 几 乎 均 为 三 角形 的 法 向 量 。 

在 投影 变换 中 ， 对 向 量 的 相关 映射 通常 依赖 于 其 出 发 点 的 位 置 。 以 图 10-24 为 例 ， 定 
义 域 中 小 方块 的 顶 边 和 底 边 可 视 为 两 个 相同 的 向 量 ， 但 变换 之 后 ， 这 些 向 量 不 再 平行 。 对 
它们 的 向 量变 换 之 所 以 不 同 ， 是 因为 它们 有 不 同 的 起 始点 。 因 而 ， 相 关 的 向 量变 换取 一 个 
点 和 一 个 向 量 作为 映射 的 参数 。 有 关 细 节 和 详细 的 原理 在 网 上 材料 中 都 有 介绍 。 余 向 量变 
换 ( 对 于 投影 变换 而 言 ) 同 样 也 依赖 于 其 作用 点 。 

由 于 在 投影 变换 中 向 量 和 余 向 量 的 变换 依赖 于 点 的 位 置 ， 其 结果 是 : 许多 操作 一 一 特 
别 是 那些 涉及 向 量 点 积 的 操作 ， 比 如 计算 平面 上 的 反射 光一 一 最 好 在 投影 变换 (接近 绘制 
流水 线 末 端 ) 之 前 执行 。 


12.8 其 他 结构 


取决 于 你 打算 如 何 使 用 线性 代数 库 ， 创 建 一 些 类 去 表示 那些 常见 的 几何 实体 (比如 射 
线 、 直 线 、3D 空间 平面 、 椭 圆 和 椭 球 ， 可 由 非 退 化 的 线性 和 仿 射 映射 变换 为 椭圆 和 椭圆 
体 ) 都 是 有 意义 的 。 比 如 射线 可 表示 成 一 个 点 和 一 个 方向 向量 。 所 以 可 自然 地 定义 为 


Eublic static Ray operator* (AffineTransformation2 T, Ray r) 
或 作为 一 种 方法 被 包含 在 AffineTransformation2 类 中 
public Ray RayTransform(Ray r) 


一 种 好 的 实现 方法 是 用 工 对 射线 的 Point 进行 变换 ， 变换 其 方向 Vector 并 做 归 一 化 ， 
这 是 因为 当 其 方向 表示 为 单位 向 量 时 ， 对 射线 的 许多 计算 都 变 得 简单 。 


12.9 其 他 方法 


我 们 曾 提 到 还 有 其 他 的 方法 可 将 图 形 学 中 用 到 的 各 种 变换 操作 封装 在 一 起 ， 其 中 包括 
基于 坐标 系 的 方法 。 
对 仅 需 对 物体 进行 刚性 变换 的 情形 ， 可 采用 一 种 高 效 的 方法 来 建立 一 个 受 限 的 变换 
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库 。 它 将 所 有 的 缩放 变换 (包括 均匀 和 非 均 匀 缩 放 ) 以 及 非 仿 射 的 所 有 投影 变换 排除 在 
外 。 于 是 ， 每 一 个 变换 只 是 简单 的 平移 、 旋 转 或 者 两 者 的 组 合 。 这 种 变换 有 以 下 两 个 





优点 : 


e 不 存在 “退化 ”的 情形 。 在 前 面 讨 论 过 的 PointsToPoints 变换 中 ， 当 初始 点 并 


非 一 般 位 置 时 可 能 导致 变换 失败 ， 但 此 处 不 存在 这 种 问题 。 


e 当 需 要 对 这 类 刚性 变换 求 逆 时 ， 无 需 采 用 和 矩阵 求 逆 程 序 ， 因 为 一 个 旋转 和 矩阵 4 的 道 


即 为 它 的 转 置 矩 阵 4 。 
当然 它 也 存在 缺点 : 


e 我 们 无 法 方便 地 使 用 PointsToPoints 中 的 参数 来 描述 一 个 变换 。 由 于 刚性 变换 


可 保持 着 点 与 点 之 间 的 距离 ， 因 此 起 始点 两 两 之 间 的 距离 必须 完 


匹配 相应 目标 点 


之 间 的 距离 ， 但 试图 指定 目标 点 的 这 种 属性 是 不 切实 际 的 ， 哪 怕 取 (0，0)、(1，0) 


和 (0，1) 为 初始 点 也 是 如 此 。 
e 我 们 不 能 在 这 样 定 义 的 场景 中 对 物体 模型 的 实例 进行 
放大 或 缩小 。 (一 种 典型 的 解决 方法 是 从 文件 中 读 取 物 
体 模型 时 使 用 比例 因子 ， 比 如 采用 6.0 的 比例 因子 来 
读 取 一 个 标准 球 模型 从 而 去 创建 一 个 大 球 。) 
G3D 是 我 们 在 第 32 章 中 将 要 实现 的 两 个 绘制 器 中 采用 的 
图 形 包 ， 它 采用 了 上 述 的 刚性 运动 思路 。G3D 中 包含 一 个 
CFrame 类 (坐标 系 ); 其 标准 模板 就 是 基于 原点 的 标准 坐标 
系 。 构 建 图 12-2 场景 中 的 模型 涉及 许多 代码 ， 大 部 分 为 材质 
属性 描述 。 代 码 清单 12-1 中 列 出 了 其 中 几何 建 模 的 核心 部 分 2 ， 





而 所 有 关于 光源 和 材质 的 建 模 的 代码 已 删除 。 图 12-2 一 个 简单 场景 


代码 清单 12-1 构造 简单 场景 模型 





void World::loadWorldl() { 
modeling of lights omitted 
// 稍微 偏 右 的 球 ， 具 有 红色 光泽 


addsphiere (POint3(1 .00f: 1.0f; =3.0f): 1.0£f, material specirfication ); 


addaTrransparentSsphere(Point3(=0.95f; 0.7f, =3.0f), OQ.7f, material SBEecifica- 


1 
3 
4 
S // 左边 球体 
6 
Bt 
8 
9 


tieoens }. 
// 地 平面 
addSsaquare'(4.0r Point3(0.0£; =0.2£E; =2.0£), 
10 Veector3(1 .0f,: 0.0f; OQ0.0f), VectSr3(0.0f; le0f, OQ.0f}, materilial Specifica=- 
EONS 洲 汉 
加 | 
12 // 背面 
[入 addaSsquare(4.0 Point3(0.0f; 2.0f;, =4.00£f); 
14 Veetor3(l .0f, 0.0f, 0.0f), Veetor3(0 .0E, OD.0rF;, Ll.0f)y material specificad=— 
tions ); 
15 
16 1 





一 个 球 由 它 的 球 心 和 半径 确定 ; 一 个 正方 形 则 由 其 边 长 、 中 心 点 、 


一 个 和 正方 形 轴 向 


对 章 的 向 量 以 及 正方 形 面 的 法 向 量 决定 。 注 意 这 两 个 向 量 必须 相互 垂直 ， 和 否则 代码 将 出 
错 。 在 场景 中 添加 一 个 球体 和 正方 形 的 代码 如 代码 清单 12-2 和 代码 清单 12-3 所 示 。 





昌 ”相机 在 程序 的 其 他 地 方 说 明 。 
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代码 清单 12-2 添加 物体 的 方法 











void World: :addTransparentSphere(const Point3& center, float radius, 


1 

2 material parameters ){ 

各 ArticulatedModel::Ref sphere = 

4 ArticulatedModel::fromFilel(System: :findDataFile("sphere.ifs"), radius); 

5 lots of material specification omitted 

6 insert (Sphere CFrame::fromXYZYPRDegrees (center.x, center.y, center.z, 0)); 
EM 

8 

9 void World::addSquare (float edgeLength, const Point3& center, const Vector3& 

10 axisTangent, const Vector3& normal, const Material::Specificationg material)t{ 
11 ArticulatedModel::Ref square = ArticulatedModel::fromFilel( 

12 System: :findDataFile ("squarex8.ifs"), edgeLength); 

13 

14 material specification code omitted 

15 


16 Vector3 uNormal = normal / normal.length(); 
17 Vector3 firstTangent (axisTangent / axisTangent.length()); 


18 Vector3 secondTangent (uNormal.cross (firstTangent) ) ; 
19 

20 Matrix3 rotmat (人 

21 firstTangent .x, secondTangent .x, uNormal.x, 

22 firstTangent.y, secondTangent.y, uNormal.y, 

23 firstTangent.z, secondTangent .z, uNormal .z); 

24 

25 CoordinateFrame cFrame (rotmat, center); 

26 insert (square, cFrame); 

» 








代码 清单 12-3 向 场景 中 插入 一 个 物体 的 方法 


void World: :insert (const ArticulatedModel::Refg& model, const CFrameg& frame) 1{ 
Array<Surface: :Ref> posed; 
model->pose (Posed frame); 
Fo (Tn 1 = 0 < Boded. Sisells 评书 
insert (posed[i]); 
m_surfaceArray.append (posed[i]); 
Tri:sgetTrisltposed[li], m triArray, CErame());y 








MD oo 一 了 内 上 册 昌 一 





可 以 看 到 ， 添 加 球 的 代码 从 文件 中 读 取 模型 并 设置 了 一 个 模型 缩放 比例 的 参数 。 返 回 
的 对 象 为 一 个 形状 ， 初 始 坐标 系 为 标准 坐标 系 。 指 定 场景 的 坐标 系 后 即 可 将 该 形状 添加 到 
场景 中 (用 对 象 m_surfaceArray 表示 )， 具 体 的 方法 为 


CFrame: :fromXYZYPRDegrees (center.x, center.y, center.2z); 


该 方法 通过 说 明 标 准 坐标 系 沿 zx-、y、z 轴 向 平移 的 距离 (对 应 名 称 中 的 “XYZ”) 以 及 绕 x、 
y、z 轴 旋 转 的 角度 (“YRP”) 来 指定 一 个 坐标 系 。 其 中 沿 三 个 坐标 轴 旋 转角 度 的 默认 值 均 
为 0， 故 这 里 未 列 出 。 

在 insert 方法 中 ,模型 将 置 人 新 的 坐标 系 中 ， 也 就 是 它 应 取 新 坐标 系 中 的 坐标 。 由 
于 新 的 坐标 系 以 center 为 原点 ， 我 们 基于 新 的 原点 将 球 平移 到 指定 位 置 。 变 换 后 的 球面 
添加 到 场景 成 员 表 m_surfaceArray 中 ， 而 其 表示 其 表面 的 三 角形 集合 则 被 加 入 另 一 成 
员 表 m_triaArray 中 ， 供 可 见 性 测试 使 用 。 

往 场景 中 添加 正方 形 的 代码 比较 复杂 。 首 先 从 文件 中 读 入 标准 单位 正方 形 ， 然 后 根据 
边 长 做 比例 放大 。 标 准 正 方形 的 中 心 位 于 原点 ， 边 长 为 1, 与 zy 平面 的 轴 向 对 齐 ， 故 它 
与 + 和 yy 轴 的 单位 向 量 相 切 ， 而 x 轴 单 位 向 量 则 是 它 的 法 向 。 我 们 现 需 要 定义 一 个 新 的 坐 





标 系 ， 其 第 一 个 轴 取 axisTangent 方向 ， 第 三 个 轴 取 为 normal。 为 了 构建 新 的 坐标 系 ， 
我 们 建立 一 个 变换 矩阵 ， 将 +、y、x 轴 分 别 变换 到 axisTangent、 第 二 切线 向 量 和 nor- 
mal， 但 无 需 限定 它们 为 单位 向 量 。 然 后 使 用 coordinateFrame 类 中 的 标准 构造 函数 
CFrame (rotmat,center) 来 构建 新 的 坐标 系 。 


12. 10 ”讨论 


选择 哪 种 线性 代数 支撑 模式 取决 于 你 个 人 的 喜好 和 目前 正在 编程 的 类 型 。 如 果 旨 在 获 
取 和 矩阵 运算 的 最 高 效率 ， 可 以 直接 选择 浮 点 数 的 数组 。 如 果 在 意 程序 的 可 读 性 ， 可 以 选择 
我 们 之 前 讨论 的 实现 方式 ， 如 PointsToPoints 之 类 的 方法 。 如 果 经 常 涉及 变换 的 求 逆 ， 
那么 G3D 的 方法 也 许 最 为 适用 。 

一 般 而 言 ， 如 果 你 在 建立 和 实施 变换 时 手头 有 几 个 精心 编写 并 经 过 测试 的 程序 ， 并 使 
用 易 读 的 语言 型 系统 来 帮助 你 区 别 点 和 向 量 间 的 不 同 之 处 ， 则 在 编写 和 调试 程序 时 将 信 感 
方便 。 你 采用 的 线性 代数 模块 越 是 能 支持 对 操作 内 容 的 表达 而 不 是 涉及 具体 的 实现 方式 
(比如 ,， “我 想 要 相机 朝向 这 个 方向 ”而 不 是 “我 想 将 相机 绕 xz 轴 旋 转 37， 然 后 绕 y 轴 旋 
转 12. 3”)， 你 的 程序 就 越 容 易 理 解 和 维护 。 


12. 11 练习 


12. 1 创建 一 个 Ray 类 来 表示 平面 上 的 一 根 射线 ， 并 在 AffineTransformation2 类 中 建立 相关 的 射线 
变换 。 对 Line 也 同样 如 此 ,那么 Line 类 需要 什么 样 的 构造 函数 ? 对 Segment 类 又 该 如 何 呢 ? 
什么 方法 是 segment 应 该 有 而 Line 没有 的 ?可 否 开发 一 种 方法 使 射线 、 直 线 和 线段 与 Projec- 
tiveTransformation 类 相 结 合 ， 其 中 是 否 有 什么 不 可 克服 的 问题 ? 如 果 一 根 射 线 与 一 根 无 法 定 
义 其 投影 变换 的 直线 交叉 会 发 生 什么 ? 

12.2 在 创建 投影 映射 的 方法 PointsToPoints 时 涉及 乍 阵 画 的 求 着 ,此 时 需要 对 点 P; (i 二 1，…，4) 
做 一 般 位 置 假设 。 我 们 同样 假设 点 Qi (i 二 1，…，4) 为 一 般 位 置 ， 但 这 个 假设 过 强 而 非 必须 。 那 么 
使 PointsToPoints 变换 得 以 建立 的 Q; 的 最 弱 几 何 条 件 是 什么 ? 

12.3 解释 为 什么 说 关于 平面 上 4 个 点 一 般 位 置 的 两 种 特征 描述 是 等 价 的 : (a) 没有 一 个 点 位 于 由 其 他 
两 个 点 确定 的 直线 上 ，(b) 3 个 点 可 确定 一 个 非 退 化 的 三 角形 ， et 条 边 所 
在 直线 上 。 特 别 注意 那些 不 满足 条 件 的 情况 ,证 明 如 果 这 4 个 点 不 能 满足 特征 (a)， 那么 它们 也 不 
满足 特征 (b)， 反 之 亦 然 。 

12.4 通过 定义 LinearTransformationl、AffineTransformationl、ProjectiveTransforma- 
tionl 等 1D 变换 来 扩充 已 有 的 变换 库 。 前 两 类 的 变换 较为 简单 ， 第 三 类 变换 稍 有 难度 ; 其 包括 建 

一 个 投影 变换 的 构造 消 数 ProjectiveTransforml (double p,double q,double r) 将 0 映 
射 为 p，1 映射 为 gQ，ce 映 射 为 ~( 即 limT(x)=7)。 有 了 这 一 构造 渔 数 即 可 方便 地 构建 Point- 
sToPoints 变换 。 

12.5 通过 添加 一 个 构造 函数 TransformXYZYPRDegrees (Point3 P, float yaw, float pitch, 
float rol1) 来 构建 一 个 将 原点 平移 到 点 P， 并 绕 3D 空间 标准 坐标 系 的 + 轴 、y 轴 、= 轴 分 别 旋 
转 yaw、Pitch、roll 角 的 变换 ， 从 而 进一步 丰富 上 面 提出 的 变换 库 。 


12.6 动手 构建 将 点 Pi == (3 1 := Yr 二 (二 1) 和 已 一 (1， 1) 映 射 为 点 Qi 一 (去 ， 











总 
去 )， Q@& 一 P,Q 一 ( 方 , 一 去 ) 和 Q 一 P 的 投影 变换 。 
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13.1 引言 
在 这 一 章 ， 我 们 简要 讨论 第 6 章 里 提 到 的 相机 设 定 。 我 们 曾 采 用 如 下 的 WPF 代码 来 
设 定 一 台 相 机 。 


1 <PerspectiveCamera 

2 POSTELGN="57; .224247 Ain 

3 LookDirection="-0.2, 0, -0.9" 

4 UpDirection="0, 1, 0" 

二 NearPlaneDistance="0.02" FarPlaneDistance="1000" 
6 FieldOofView="45" 

7 /> 


基于 上 面 的 设置 ， 我 们 将 创建 一 系列 的 变换 ， 从 而 将 模型 上 的 一 点 从 场景 坐标 系 变换 
到 所 谓 的 “相机 坐标 系 ”， 然 后 再 变换 到 图 像 坐 标 系 。 基 于 变换 的 唯一 性 原则 ， 我 们 可 反 
复 地 来 执行 上 述 操作 。 

由 于 一 个 3D 的 仿 射 坐 标 系 可 由 非 共 面 的 四 个 点 定义 ， 这 意味 着 ， 如 果 知 道 这 四 个 非 
共 面 点 每 一 个 点 变换 后 的 目标 点 ， 必 定 存 在 一 个 唯一 的 仿 射 变换 来 实现 这 一 转换 。 类 似 
地 ， 也 有 关于 平面 变换 的 相应 理论 : 如 果 我 们 知道 三 个 非 共 线 点 变换 后 各 自 的 目标 点 ， 必 
存在 一 个 唯一 的 仿 射 变 换 实 现 这 一 变换 。 

我 们 首先 给 出 一 个 平面 上 这 种 变换 的 例子 。 接 下 来 ， 将 讨论 基本 的 基于 透视 投影 的 相 
机 设 定 以 及 如 何 将 这 些 设 定 转化 为 一 系列 仿 射 变换 和 一 个 投影 变换 。 在 本 章 的 网 上 材料 
中 ,我 们 简要 地 触及 了 “基于 平行 投影 ”的 相机 设 定 ， 讨 论 它 的 实现 细节 和 和 斜 投影 变换 。 


13:2 一 个 2D' 的 示例 


尽管 在 第 10 章 我 们 已 经 介绍 了 怎样 构造 变换 以 及 怎样 将 它们 组 合 在 一 起 ， 但 采用 更 
高 级 的 构造 方式 来 构造 变换 常 更 为 容易 : 在 这 种 方式 下 ， 我 们 关注 的 是 变换 所 要 实现 的 目 
标 ， 而 不 是 怎样 通过 一 系列 的 基础 变换 来 构建 这 个 变换 。 采 用 线性 代数 算法 包 ( 见 第 12 
章 ) 时 ， 我 们 只 需 简单 地 说 : 要 找 一 个 线性 映射 将 某 些 点 变换 到 另外 一 些 点 ， 算 法 包 会 提 
供 该 问题 的 唯一 解 。 

假设 我 们 想 要 将 正方 形 一 1 二 w，wv 三 1( 后 面 将 会 用 到 这 一 变换 ， 在 那里 我 们 将 它 称 之 
为 成 像 矩 形 ) 映 射 到 一 个 宽 1024 像素 、 高 768 像素 的 显示 器 上 。 显 示 器 左上 角 像 素 称 为 
(0,，0); 左下 角 像 素 称 为 (0，767); 右 下 角 像 素 称 为 (1023，767) 。 我 们 想 找 一 个 变换 T， 
将 正方 形 区 间 一 1 三 w，wv 达 1 变换 到 显示 器 左 侧 的 一 个 正方 形 区 域 ， 并 且 能 填充 显示 器 上 
尽 可 能 大 的 面积 。 为 此 ， 我 们 需要 显示 器 平面 上 的 坐标 。 显 示 器 平面 坐标 范围 从 (0，0) 到 
(1024，768) 。 由 于 像素 坐标 (编号 ) 基 于 每 个 像素 的 左上 角 ， 如 图 13-1 所 示 ， 也 就 是 说 ， 
像素 (0，0) 的 中 心 点 位 于 (0. 5，0. 5) 。 

这 意味 着 我 们 想 要 将 uv 平面 上 的 点 (一 1]， 一 1) (成 像 矩形 的 左下 角 ) 转 换 到 显示 器 平 
面 上 的 点 (0，768) (显示 器 的 左下 角 )， 而 让 (一 1 ，1) (左上 角 ) 转 换 到 显示 器 平面 上 的 (0， 
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0) 。 为 了 完全 确定 2D 空间 中 的 仿 射 变换 ， 需 要 知道 三 个 独立 的 点 变换 后 的 位 置 。 我 们 已 


经 确定 了 其 中 两 个 。 对 于 第 三 个 点 ， 我们 选择 正方 形 的 右 下 角 : 
(1， 一 1)， 让 它 变换 到 显示 器 平面 上 的 点 (768，768) (保持 图 像 
是 正方 的 )。 实 施 上 述 操作 的 代码 如 下 


Transform t 


1 

2 Transform.PointsToPoints!( 

入 Point2(—L. li), Bolnt2(=i; Ly PINt2(L; ~—1) 

4 POLNt2(0s 768), POLINnt2(0 0)s Point2(768, 768)); 


对 于 这 种 设 定 方法 (将 某 点 变换 到 另 一 坐标 系 中 某 点 )， 必 
须 确保 给 出 的 初始 点 能 够 构造 一 个 坐标 系 ; 在 2D 的 情况 下 ， 这 
意味 着 它们 必须 “不 共 线 ”， 在 本 例 中 这 一 条 件 显然 是 成 立 
的 一 一 正方 形 的 任意 三 个 角 点 都 不 共 线 。 

上 述 过 程 显然 可 以 推广 到 7 行 k 列 的 随机 显示 窗口 (无 正方 
形 限制 条 件 )， 称 为 窗口 变换 ， 其 矩阵 表示 为 Mna。 可 通过 下 
面 的 代码 实现 


] 


Transform 七 


2 Transform.PointsToPoints ( 
3 Point2{-1, -=1), Posnt2t=Tr LY Point2(1, =1}s 
4 Point2(0, k), point2(0,. 0 Point2 (ry ¥))? 
或 者 直接 用 和 矩阵 表示 如 下 
1 
Es 0 es 
2 
0 3 本 
wind 一 3 
0 eV 
0 天 0 2 1L0 
0 0 1 


13.3 透视 型 相机 设 定 


(0, 0) 
像素 ( 0, 0 ) 

















图 13-1 左上 角 像 素 的 中 心 
坐标 为 (0. 5，0. 5); 
该 像素 称 为 像素 
(0， 0)。 换 句 话 
说 ， 由 其 左上 角 坐 
标 命 名 


《13=1) 


WPF 中 相机 设 定 代 码 使 用 了 6 个 参数 : 位 置 (一 个 点 ) 、 视 线 方 向 和 朝 上 方向 (两 个 向 
量 )、 近 平面 距离 和 远 平面 距离 (两 个 标量 ) 以 及 视 域 (以 角度 表示 )。 





为 什么 不 绘制 我 们 能 看 到 的 所 有 景物 呢 ? 人 的 视 域 大 约 是 


常 只 占 视 域 中 一 个 相对 小 的 区 域 。 取 适宜 的 观察 距离 时 ， 一 台 
视角 ， 而 一 部 手机 的 显示 屏 就 只 有 几 度 的 视角 了 。 


一 种 如 同 “ 看 见 一 切 ” 般 的 满意 观感 [Koel1]。 
因此 我 们 退 一 步 并 且 采 用 摄影 师 使 用 的 方法 : 
内 容 。 


只 绘制 一 





的 ， 我 能 利用 眼角 的 余 光 察 觉 到 东西 ， 但 真正 能 看 见 的 东西 大 约 在 120* 的 范围 内 ， 形 
成 一 个 从 眼睛 向 前 伸展 的 视 锥 体 ”， 然 而 ， 一 旦 真 的 设 定 了 一 个 120? 的 视 域 ， 你 会 发 现 
所 生成 的 画面 会 显得 奇异 并 发 生 扭 曲 。 部 分 原因 是 我 们 在 观察 图 像 时 ， 显 示 器 画面 通 


如 果 我 们 确实 生成 了 一 幅 广 角 的 图 像 ， 并 在 显示 时 ， 设 法 让 它 占据 我 们 视 域 中 一 
大 片区 域 ， 所 见 到 的 捏 曲 现象 会 减轻 。 但 有 证 据 表明 ， 即 便 如 此 ， 也 不 能 给 予 观察 者 


180"。 也 许 你 会 说 ，“ 是 


计算 机 显示 器 对 应 25 的 


个 视 域 中 一 部 分 区 域 的 





] 





图 13-2 展示 了 这 些 参数 。 你 可 以 将 相机 设 定 为 一 台 针 孔 相 


机 ， 所 有 进入 相机 的 射线 
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都 会 穿 过 单一 的 点 ， 这 个 点 即 为 相机 的 位 置 。 对 于 通常 的 相机 ， 你 也 可 以 将 位 置 设置 为 相 
机 透镜 的 中 心 。 在 开始 实景 摄影 时 ， 我 们 朝 上 方向 
通常 先 确定 相机 的 位 置 、 朝 向 和 视 域 角 
(可 通过 相机 上 的 变焦 装置 进行 调节 )。 对 
于 更 先进 的 相机 ， 还 可 以 调整 它 的 焦距 
(相机 至 画面 中 聚焦 点 的 距离 )、 景 深 ( 场 
景 中 位 于 焦点 前 后 但 仍 在 相机 焦距 范围 内 
的 点 之 间 的 距离 )， 其 至 相机 镜头 相对 机 
身 的 倾斜 度 和 偏 移 量 。WPF 和 大 多 数 基 Eee 
本 图 形 系统 中 的 相机 设 定 模 型 都 忽略 了 后 ee 
几 个 因素 ， 这 是 因为 理想 的 针 孔 相机 对 所 
有 深度 的 点 都 能 对 焦 ， 而 且 针 和 孔 刚 好 位 于 图 13-2 WPF 相机 设 定 模型 
底片 或 者 成 像 传感器 的 中 心 之 前 。 我 们 将 
在 13. 9 节 再 次 回顾 这 些 问 题 。 

回 到 WPF 相机 模型 ， 视 线 方向 即 为 相机 的 朝向 。 如 果 我 们 跟踪 一 条 从 相机 位 置 出 发 
沿 视线 方向 进入 场景 的 光线 ， 倘 若 它 交 于 场景 中 的 某 个 物体 ， 该 物体 将 会 呈现 在 相机 所 拍 
摄 “图 片 ”的 正中 央 。 视 域 角 描 述 的 是 相机 所 能 拍 到 的 景物 偏 移 视 线 方向 的 最 大 角度 。 基 
本 的 WPF 相机 将 生成 一 张 正 方形 图 片 ， 所 以 其 水 平方 向 和 竖 直 方向 的 视 域 角 是 相同 的 。 
在 一 些 系统 中 ,可 同时 设置 水 平和 垂直 的 视 域 角 ( 见 练习 13.1)。 而 在 男 一 些 系 统 ( 包 括 
WPF) 中 ， 则 需要 设置 视窗 的 高 宽 比 和 水 平方 向 视 域 角 ， 由 系统 计算 垂直 方向 的 视 域 角 。 
实际 上 ,在 WPF 中 ， 视 窗 高 宽 比 是 以 间接 方式 设置 的 。 在 设置 视窗 (显示 器 上 用 于 显示 图 
像 的 矩形 区 域 ) 的 宽度 和 高 度 后 ， 由 它们 的 比例 即 可 决定 视窗 高 宽 比 。 在 接 下 来 的 叙述 中 ， 
我 们 将 分 别 设置 水 平视 域 角 和 垂直 视 域 角 ， 然 后 讨论 它们 和 视窗 高 宽 比 的 关系 。 

唯一 的 微妙 之 处 是 相机 朝 上 方向 的 设置 ， 这 一 设置 将 确定 相机 取景 画面 的 上 方 ， 如 同 
你 在 观察 窗外 时 头 是 保持 垂直 还 是 偏 左 或 偏 右 。 该 向 量 v 连同 视线 方向 确定 了 一 个 平面 。 
你 或 许 认 为 向 量 v 应 该 由 用 户 直 接 指 定 ， yp 
但 这 通常 难以 实行 。 取 代 的 方法 是 ,我 们 
要 求 用 户 设 定 该 平面 中 任意 一 个 非 零 向 量 
( 除 视线 方向 外 )， 然 后 由 这 个 向 量 计 算得 
到 向 量 vw。 图 13-3 展示 了 这 一 方法 ; 三 个 
不 同 向 量 中 的 任何 一 个 都 可 以 取 为 朝 上 方 拍摄 方向 
向 ， 利 用 这 个 向 量 即 可 计算 出 向 量 "， 它 图 13-3 向 量 v1、v: 和 vs 都 位 于 LookDirection 
位 于 相机 的 垂直 面 中 并 垂直 于 视线 方向 。 和 w 所 确定 的 平面 中 ,它们 中 的 任意 一 个 都 
在 实际 中 ，UpDirection 经 常 被 设 定 为 可 以 取 为 UpDirection， 得 到 相同 的 视图 
Vector3D(0,1,0)， 即 > 轴 方 向 。 只 要 相机 不 是 直接 朝 正 下 方 或 者 正 上 方 ， 就 是 最 自然 
的 手持 相机 的 方向 ” 。 如 果 相 机 确实 朝 上 ， 那 么 计算 得 到 的 向 量 v 将 接近 于 零 。 如 果 相 机 
镜头 几乎 朝 上 ,通过 vup 计算 v 时 将 涉及 除 以 一 个 接近 于 0 的 数 ， 因 而 导致 数值 上 的 不 
稳定 。 











加 在 CAD 领 域 ， 水 平面 通常 是 zy 坐标 平面 ，z 用 于 表示 垂直 方向 ， 在 这 种 情况 下 ， 朝 上 方向 向 量 自然 被 设 
置 为 Vector3D(0,0,1)。 





至 此 ， 相 机 设 定 参 数 包 含 了 相机 的 位 置 、 相 机 的 拍摄 方向 以 及 机 身 绕 拍摄 方向 的 旋转 
角 ; 视 域 角 决 定 了 相机 能 “看 ”到 的 区 域 的 大 小 。 我 们 已 经 间接 地 描述 了 一 个 四 棱 边 的 视 
域 体 (view volume) ， 其 截面 为 空间 矩形 。 

还 有 两 部 分 有 待 设置 近 平 面 和 远 平面 的 距离 ， 如 图 13-4 所 示 。 近 平面 和 远 平面 对 
视 域 体 进行 切割 生成 一 个 四 棱锥 台 。 位 于 四 棱锥 台 内 的 物体 将 会 显示 在 图 像 上 ， 位 于 其 外 
部 的 物体 将 不 予 显示 ( 见 图 13-5) 。 





图 13-4 沿 视线 方向 测量 近 平 面 和 远 平 面 的 距离 





排除 绘制 裁 前 排除 
图 13-5 位 于 视 域 四 楼 锥 台 外 的 物体 将 不 会 被 绘制 


这 可 能 是 一 个 很 有 用 的 功能 : 通过 将 近 平面 设置 在 刚好 位 于 我 们 所 关注 的 景物 之 前 ， 
可 以 保证 位 于 相机 和 所 关注 的 景物 之 间 的 物体 不 会 影响 最 终生 成 的 画面 。 当 然 也 就 无 需 考 
虑 位 于 相机 背后 一 侧 的 物体 ， 因 而 可 节省 大 量 的 时 间 。 男 外 ， 通 过 将 远 平 面 的 距离 设置 成 
适当 的 值 ( 不 要 太 大 )， 同 样 能 节省 大 量 的 时 间 。 这 样 我 们 就 无 需 考虑 那些 虽 位 于 视 域 之 
内 ， 但 对 最 终 画 面 毫 无 影响 的 景物 (例如 一 个 位 于 30 英里 之 外 的 行人 )。 

设置 近 平面 和 远 平面 不 仅 能 发 挥 上 述 作 用 ; 它们 还 能 避免 光栅 化 绘制 中 的 浮 点 数 比较 
问题 ， 而 这 些 问 题 常会 导致 图 像 中 的 错误 。 

在 游戏 中 常 应 用 裁剪 平面 来 排除 较 远 的 物体 以 减少 绘制 时 间 ， 但 当 你 在 游戏 中 前 行 的 
时 候 ， 一 个 原本 远 处 的 物体 可 能 突然 跳 人 画面 ， 看 起 来 很 不 自然 。 通 常 的 解决 方案 是 : 绘 
制 远 处 物体 时 ， 在 它们 前 面 设置 一 层 雾 ， 当 你 靠近 时 ， 这 些 物体 将 逐渐 出 现在 画面 中 。 对 
现代 的 游戏 ， 我 们 已 有 更 好 的 绘制 系统 ， 很 多 物体 都 具有 多 层次 细节 表示 (〈 见 25.4 节 )。 
当 物 体 较 远 的 时 候 ， 可 用 较 少 的 多 边 形 进行 绘制 ， 这 一 方法 的 出 现 使 雾 化 处 理 方法 现 已 不 
及 当年 那么 流行 了 。 


13.4 基于 相机 设 定 构 建 变换 
现在 将 相机 设 定 转 换 成 具体 的 几何 。 根 据 设 定 ， 可 基于 相机 位 置 建立 一 个 正 交 坐 标 
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系 ， 然后 在 视 域 锥 上 标记 几 个 点 ， 如 图 13- 2 我 们 将 利用 这 些 建立 所 需 的 变换 。 建 
一 个 基于 相机 的 坐标 系 会 带 来 许多 便利 ， 
和 我 们 将 会 将 相机 平移 到 原点 位 置 ， 2 
原点 将 它 的 坐标 系 和 标准 的 zyz 坐标 系 对 齐 。 

在 写 公 式 的 时 候 ， 我 们 用 vup 和 look 分 
别 表 示 朝 上 方向 和 拍摄 方向 ; 这 些 简 短 的 名 字 
让 公式 更 容易 被 理解 。 点 P 表示 的 是 相机 的 
位 置 。 

我 们 建立 一 组 正 交 基 : u、v、w( 按 由 后 
至 前 的 顺序 )。 首 先 考虑 w。 这 是 一 个 指向 视 





图 13-6 ”相机 的 ww 坐标 系 ，look 和 wup 向 量 ， 


Ek ne 所 以 点 P、A、B 和 C 


为 了 构造 v， 我 们 首先 将 向 量 vup 投影 到 垂直 于 z 的 平面 上 ， 因 此 它 同 样 垂直 于 look 
向 量 ， 然 后 调整 它 的 长 度 : 


v= vup— (vup* ww (CL3-3) 
i e 
7 (13-4) 
后 ， 为 了 创建 一 个 右手 坐标 系 ， 令 
下 三 好 当当 (13-5) 


课 内 练习 13. 1: 一 些 相 机 软件 (例如 Direct3D， 不 包括 OpenGL) 将 妈 设置 为 也 二 
Sl(look)， 而 不 是 取 其 相反 方向 。 

(a) 证 明 这 样 设置 不 影响 v 的 计算 结果 。 

(b) 证 明 在 这 种 情况 下 ， 如 果 我 们 想 要 w、w 与 视 平 面 保持 相同 方向 ( 即 & 指向 右 ，v 
指向 上 )， 应 取 wu 二 wXw。 

(c) 这 样 得 到 的 uvw 坐标 系 是 右手 坐标 系 还 是 左手 坐标 系 ? 

现在 ， 我们 计算 P、A、B 和 C 这 四 个 点 。 其 要 点 在 于 如 何 确定 边 AB 和 AC 的 长 度 。 
边 AB 对 P 点 张 成 一 半 的 水 平视 域 角 ， 与 P 的 距离 为 /， 故 


Ot AB 
tan( 他 )= 所 以 CL3-62 
4B= f tan( 仿 ) (13-7) 
公式 中 的 9, 表示 水 平视 域 角 ， 转 化 为 弧度 ， 
4 = FieldOfView i (13-8) 
可 采用 类 似 的 表达 式 来 计算 垂直 方向 的 视 域 角 9, 和 AC 的 长 度 : 
P= Position (Cl359) 
A= P— fw CL3=10》 
B= A+ftan(F ju = P+ 了 tan( 多 )u— fw CL3=11 
C= A+fo=P+ftan(F)v— fw CL3-12) 


注意 ， 近 平面 距离 n 尚未 涉及 我 们 的 计算 。 


244 第 13 章 





我 们 现在 基于 PP、A、B 和 C 四 个 点 将 视 域 四 棱锥 变换 到 图 13-7 所 示 的 标准 视 域 四 棱 


锥 (标准 透视 视 域 体 )。 
为 了 定义 这 一 变换 ， 需 要 确定 这 四 个 


点 变换 后 的 目标 位 置 。 具 体 地 ， 我 们 想 要 
将 己 变 换 到 原点 ，A 变换 到 标准 视 域 四 楼 
锥 后 端面 的 中 心 点 ， 即 (0,，0， 一 1),，B 到 
背面 正方 形 右 侧 边 的 中 点 ， 即 (1，0， 
1)，C 到 上 侧 边 的 中 点 ， 即 (0，1， 一 1)。 
记 这 一 变换 的 矩阵 为 Mo (表示 “perspec- 
tive”) ， 称 其 关联 的 变换 为 Tper。 创 建 这 图 13-7 标准 的 透视 视 域 体 是 一 个 金字 塔 ， 它 在 工 
一 变换 的 代码 如 下 和 y 方向 从 一 1 到 1， 而 在 = 方向 从 0 到 
一 1。 图 中 方向 的 尺度 被 放大 了 








1 Transform3 Tper = 

2 Transform3.PointsToPoints ( 

3 FP, A Br Cy 

4 Point3(0, 0 0); Point3(0, QO =1)) Eoint3(l, 0 =L)Y, Boint3t0, 1 =1Y); 

经 过 这 一 变换 ， 远 平面 上 的 点 变换 到 了 x 二 一 1 的 平面 。 因 为 沿 从 PP 到 A 的 射线 方向 
es 近 平 面 上 的 点 将 变换 到 平面 z= 二 一 n/f 上。 至此， 我 们 基本 上 完成 了 
所 要 做 的 事 : 将 视 域 体 变 换 为 标准 的 视 域 四 校 锥 ， 之后， 除了 一 n/ 了 这 一 比率 将 被 引入 某 
些 计算 中 外 ， 我 们 要 做 的 事 不 再 与 相机 参数 相关 。 





这 对 你 来 说 也 许 太 简单 了 。 事 实 上 ， 在 本 书 的 早期 版 本 中 ， 推 导 这 一 变换 曾 占 用 
数 页 篇 幅 。 但 是 它 提供 了 一 个 通过 证 明 一 个 好 的 理论 编写 相关 代码 的 例子 。 

我 们 也 可 以 对 相机 的 视 域 体 施加 一 系列 的 变换 ， 分 多 个 步骤 实现 上 述 变 换 : 首先 
通过 平移 将 已 点 移动 到 原点 ; 然后 先后 绕 不 同 的 坐标 轴 旋 转 使 varw 坐标 轴 和 yz 轴 对 
齐 ; 接着 沿 = 方向 进行 缩放 使 远 平 面 位 于 = 一 一 ] 而 不 是 z 二 一 /; 对 工 和 Jy 方 向 也 进 
“ 行 缩放 ， 使 视 域 体 的 宽度 和 高 度 都 为 2。 假定 已,、 也。 和 PP。 表示 的 场景 坐标 ， 对 于 
”和 思 和 则 变 所 经 阵 如 下 


Pl 
i 





最 右边 的 姬 阵 表 示 平 移 ， 中 国 的 怒 降 将 了 变 按 为 1 区 痪 为 es, w 区 撤 为 。 es 人 
边 的 起 阵 对 应 沿 各 个 轴 方 向 的 缩放 变换 。 | 

以 上 叙述 只 不 过 考 / 你 也 许 对 此 有 兴趣 ， 妇 我 们 强 观 推荐 使 用 pointsmpointe 万 
法 而 不 是 这 种 方法 ， 因 其 可 以 极 大 地 减少 因 分 步 矩 阵 相 来 和 坐标 复制 等 可 能 导致 的 错误 。 




















至 此 ， 将 标准 透视 视 锥 内 的 点 投影 到 其 后 端面 上 就 非常 容易 了 (例如 采用 非 线 性 变换 (>z， 
y，z) rm (zz，yWz，1))。 这 基本 上 是 我 们 在 第 3 章 中 绘制 正方 体 时 所 做 的 处 理 : 该 例 中 的 
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uvw 基 已 经 和 zyz 轴 对 齐 ， 而 且 投 影 中 心 取 在 坐标 系 的 中 心 ， 剩 下 的 就 是 进行 投影 。 

课 内 练习 13.2: 复习 第 3 章 的 绘制 代码 并 验证 它 符 合 这 里 的 描述 。 

不 过 我 们 并 不 采用 这 种 方法 ， 而 是 实施 两 个 变换 第 一 个 变换 将 金字 塔 形 的 视 域 体 
“展开 ”成 一 个 长 方 体 ， 第 二 个 沿 着 = 轴 方 向 进行 投影 。 这 么 做 有 两 个 原因 。 
e@ 当 我 们 讨论 “平行 投影 ”相机 和 平行 y 
投影 时 ， 可 以 发 现 ， 与 金字 塔 相 比 ， (-1, 1, 0) 
平 形 六 面体 更 适 于 作为 处 理 的 对 象 。 
e@ 当 沿 着 = 轴 投 影 时 ， 很 容易 判断 哪些 
物体 遮挡 另 一 些 物 体 。 这 一 性 质 对 于 
创建 作为 大 多 数 图 形 硬件 核心 的 >- 
buffer 算法 至 为 重要 。 z 
我 们 的 标准 平行 视 域 体 ( 见 图 13-8) 是 一 
个 平行 六 面体 ，x 和 y 方向 的 变化 范围 从 
一 1 到 1，z 方 向 从 0 到 一 1。 近 裁剪 平面 为 
xz 一 0; 远 裁 前 平面 为 x 王 一 1。( 这 和 Direct3D 
及 OpenGL 里 的 平行 视 域 体 略 有 不 同 。) 

现在 将 位 于 变换 后 的 近 远 、 平 面 之 间 的 四 
标准 透视 视 域 体 ( 即 位 于 z= 二 一 n/f 和 xz 二 一 1 之 间 的 部 分 ) 变 换 为 标准 的 平行 视 域 体 。 我 们 
采用 的 变换 是 一 个 投影 变换 ， 它 将 所 有 穿 过 视 域 体 投向 原点 的 射线 都 变换 为 穿 过 视 域 体 沿 
正 x 方 向 投向 xy 平面 的 射线 ( 见 图 13-9)。( 这 有 时 称 为 展 平 变换 ， 因 为 定义 视 域 截 头 四 棱 
锥 的 两 个 相对 面 沿 着 “hinge line”( 贸 链 线 ) 交 汇 ， 而 这 个 变换 将 交汇 点 “ 移 向 无 限 远 ”,) 









朝 上 方向 Ci 





”后 裁剪 平面 
| ZE 


ET 


~ Wh 





图 13-9 “ 展 平 ” 变 换 


实施 这 一 变换 丝毫 不 影响 我 们 绘制 的 最 终结 果 ， 这 是 因为 对 变换 前 视 域 体内 原始 形状 
的 透视 投影 ( 即 (z，y，z) 路 (zx/z，y/z，1)) 和 变换 后 的 形状 在 变换 后 视 域 体 内 的 平行 投 
影 ((z，>，z) 一 (zZ，y，1)) 是 等 价 的 。 如 果 我 们 观察 上 述 情形 的 一 个 2D 切片 (例如 yz 平 
面 )， 就 能 轻易 地 看 到 这 一 点 。 壁 如 图 13-10 中 的 小 正方 形 占据 了 场景 透视 视 域 体 的 中 间 
一 半 。 遮 挡 ( 点 被 其 他 点 遮 住 ) 测 试 决定 于 各 点 在 由 视点 发 出 进入 场景 的 视线 上 的 排列 顺 
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序 ， 显然 此 时 点 B 为 正方 形 的 边 所 遮挡 。 变 换 后 ， 从 视点 发 出 进入 场景 的 视线 变 成 了 党 一 
z 方 向 的 射线 ; 此 时 ， 变 换 后 的 点 吾 ' 依 旧 被 正方 形 前 面 的 边 遮 挡 。 而 且 ， 变 换 后 的 正方 形 
仍然 填充 了 场景 平行 视 域 体 的 中 间 一 半 。 这 其 中 的 基本 依据 是 光 ( 视 觉 的 载体 ) 沿 着 直线 传 
播 ， 而 我 们 的 变换 将 直线 变换 为 直线 (具体 而 言 ， 将 透视 视 域 体 中 的 投影 射线 转变 为 平行 
视 域 体 中 的 投影 射线 )。 


之 二 

















v 


图 13-10 左边 的 标准 透视 视 域 体 ( 近 裁 前 平面 位 于 x 二 一 1/4 的 位 置 ) 内 包含 了 
一 个 小 的 正方 形 ， 这 个 正方 形 被 变换 为 右 侧 平行 视 域 体内 的 一 个 梯形 
在 11.1.1 节 中 曾 提 到 ，R’ 空间 中 的 投影 变换 可 以 写 为 R'(3D 空间 点 的 齐 次 坐标 表 
示 ) 空 间 中 的 线性 变换 ， 然 后 再 加 上 一 个 齐 次 坐标 变换 





H(z,y,zsw) = ( 王 , 之 , 社 ,1) (13-14) 
WwW WwW Ww 
今 c 一 了 表示 视 域 四 棱锥 变换 为 标准 透视 体 后 其 近 裁 前 平面 的 > 坐标 (这 里 终于 用 到 了 参 
数 by 下 面 简要 地 写 出 从 透视 视 域 体 到 平行 视 域 体 的 线性 变换 M,,: 
1 泡 0 0 4" 0 
QO 时 0 0 0 1 0 0 
M,, = 一 《192159 
人 (ee 0 0@ fF EN mA 
0 © 二 0 0 0 -== 0 
因为 接 下 来 要 实施 齐 次 化 操作 ， 我 们 将 该 矩阵 乘 以 7 一 ”并 转 而 采用 下 面 的 矩阵 
i 0 0 0 
ee ee CT 
0 0 ¥ n 
0 0 Rn 0 


一 矩阵 的 推导 有 点 复杂 而 且 不 大 好 懂 ; 我 们 把 它 放 在 本 章 的 网 上 材料 中 。 现 在 ,我 
们 需要 做 的 就 是 验证 它 是 否 确 实 将 标准 透视 域 里 位 于 近 裁 前 平面 和 远 裁剪 平面 间 ( 分 别 是 
z 王 c 和 xz 王 一 1) 的 视 域 四 棱锥 变换 为 平行 视 域 体 。 我 们 通过 观察 角 点 坐标 的 变化 来 验证 。 





公式 (13-15) 中 “ 展 平 ” 乱 阵 唯一 令 人 感 兴趣 | 部 分 是 在 < 平面 上 ， 值得 细 看 和 
领悟 。 注 意 ， 经 过 这 一 变换 后 所 有 的 点 都 转 ; 标 表示 ( 即 均 以 原点 ; 

径 向 投影 到 图 中 直线 Wu 一 1 上 )。 图 13-11 展示 了 变 搞 前 视 域 体 的 切片 。 a 

粗 蓝 线段 表示 视 域 四 核 锥 位 于 远 、 近 栽 前 平面 之 间 的 ， 点 的 ztw 切片 。 左 侧 1 的 粗 红线 段 对 应 

视 域 四 棱锥 中 位 于 视点 和 近 裁 前 平面 之 间 的 部 分 。 > 轴 上 的 红 点 表示 视点 。 这“ 民 于 ” 
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变换 后 ， 直 线 tw 二 1 变 为 倾 儿 并 被 延伸 ( 见 图 13-12)。 位 于 >z 一 一 上 处 ( 即 远 平面 ) 的 点 保 
持 不 动 。 近 裁剪 平面 上 的 点 变换 到 直线 z 二 0 上。 视点 变换 到 直线 tw 二 0 上 。 齐 次 化 后 
( 见 图 13-13)， 近 裁剪 平面 保持 在 z 二 0 的 位 置 ， 而 视点 则 被 发 送 到 “z 轴 的 无 限 远 
处 ”， 使 得 之 前 汇聚 于 视点 的 直线 变 为 “汇聚 于 = 轴 无 限 远 处 ”的 平行 直线 ( 即 平行 线 
沿 = 轴 方 向 ) 。 对 变换 的 这 三 条 限制 足够 唯一 确定 该 矩阵 ( 见 练 习 13. 9) 。 


w 






人 CD CL,D 
NS 





图 13-11 “ 展 平 ”变换 前 ， 视 域 “图 13-12 ”实施 变换 Mw 后 13-13 ”经 过 齐 次 化 变换 后 
四 棱锥 和 视 域 体 的 zw 
平面 侧 视图 











考虑 视 域 四 棱锥 台 的 右上 前 角 。 它 位 于 (一 c， 一 c，c) (c= 二 一 n/f， 是 负数 ， 故 一 c 为 
正 )。 通 过 Mu 的 变换 后 ， 它 变 成 


= 0 0 0 一 长 一 人 
0 0 0 = = = 
| eh | . | C 了 n C13-17) 
0 0 人 "NO cf 十 沈 
0 0 nt k = 
齐 次 坐标 变换 后 ,我 们 得 到 
en 2 T se 
|! 二 1 | es (13-18) 


即 标 准 透视 视 域 体 的 右上 前 角 的 位 置 恰 如 所 言 ， 推 导 的 最 后 一 步 的 依据 是 = 
7 一 0。 

课 内 练习 13. 3: 对 透视 视 域 体 右 下 后 角 点 做 同样 的 计算 ， 并 继续 取 其 他 角 点 进行 验 
证 ， 直 到 你 确信 这 个 变换 能 起 到 所 说 的 作用 。 





展 平 变换 将 位 于 标准 平行 视 域 体 中 的 视 域 在 z 方 向 置 于 从 0 至 一 1 的 范围 内 ; z 值 
大 的 物体 遮挡 值 小 的 物体 。 但 在 z-buffer 硬件 中 ，z 值 通常 保存 为 一 个 无 符号 整数 
(将 它们 保存 为 负数 会 浪费 一 个 二 进 制 位 )。 所 以 ,我 们 并 不 是 将 视 域 体 的 z 值 变换 为 
从 0 至 一 1( 其 中 一 1 表示 “ 远 处 ”>) ， 而 是 将 视 域 体 的 z 值 变换 到 从 0 至 1 的 范围 ， 其 中 
1 表示 远 处 。 为 此 ， 你 只 需要 将 展 平 变换 矩阵 Mi, 中 的 x 坐标 行 取 相反 数 。 

此 外 ， 还 可 将 标准 平行 视 域 体 的 z 方 向 变化 范围 定制 在 1 至 0 之 间 ( 只 需 将 变换 后 
的 每 一 = 值 加 1)。 因 此 ， 有 虽然 这 样 一 来 大 多 数 变换 后 的 二 值 都 会 聚集 在 0 附近 ， 但 是 
问题 被 最 小 化 ， 因 为 如 果 将 它们 保存 为 浮上 点数， 更 多 的 浮 点 数 会 接近 0 而 不 是 接近 1。 
这 确实 能 起 一 定 的 改进 作用 [ASo06]。 
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13.5 相机 变换 和 光栅 化 绘制 流水 线 


我 们 在 第 1 章 描述 了 图 形 的 一 般 处 理 流程 。 首 先 ， 各 种 几何 模型 (第 6 章 曾 讨论 它们 
的 创建 方法 ) 经 过 不 同 的 几何 变换 被 放 入 3D 场景 中 。 接 下 来 , 我们 通过 一 个 相机 来 “ 观 
察 ” 这 些 模型 ， 这 涉及 将 它们 从 场景 坐标 系 变换 到 标准 透视 视 域 体 坐标 系 ， 再 变换 到 标准 
平行 视 域 体 坐 标 系 。 最 后 ， 它 们 被 投影 为 一 幅 2D 图 像 ， 这 幅 图 像 被 变换 到 视窗 里 ， 形 成 
我 们 最 终 在 视窗 中 看 到 的 图 片 。 

在 此 过 程 中 ， 每 个 模型 的 几何 表示 都 进行 了 图 13-14 中 所 示 的 处 理 。 各 几何 基 元 ( 通 
常 为 三 角形 ) 的 3D 场景 坐标 为 视 域 体 所 “裁剪 "， 那 些 完全 位 于 视 域 体外 的 基 元 将 被 移 除 
而 不 再 考虑 。 如 一 个 三 角形 的 一 部 分 位 于 视 域 体内 ， 而 另 一 部 分 位 于 视 域 体外 ， 则 会 被 剪 
切 成 四 边 形 (而 后 通常 再 细 分 为 两 个 三 角形 )。 另 一 种 处 理 方式 是 ， 系 统 可 能 会 判定 对 这 些 
三 角形 进行 剪 切 和 重新 三 角 化 比 起 生成 少量 像素 但 对 它们 不 予 显示 的 代价 更 高 ;如何 选 择 
取决 于 执行 光栅 化 的 硬件 结构 。 裁 剪 操 作 将 会 在 第 15 章 和 第 36 章 详细 讨论 。 


3D 场 景 坐标 系 裁剪 后 的 | 
输出 基 元 场景 坐标 2D 设 备 坐 标 


变换 为 
视窗 2D 设 备 


坐标 以 供 显 示 





图 13-14 生成 图 像 中 涉及 的 几何 处 理 


下 面 介 绍 在 相机 变换 的 背景 下 如 何 进行 抽象 的 绘制 。 我 们 并 不 在 场景 坐标 系 中 对 相机 
的 视 域 体 进行 裁剪 ， 而 是 先 将 物体 从 场景 坐标 系 转换 到 标准 视 域 体 坐标 系 ， 这 样 裁剪 会 
加 简单 。 在 标准 视 域 体 坐 标 系 中 ， 只 需 对 平面 如 z= 二 一 1, 或 x 二 zx 或 y= 二 一 z 进行 裁剪 。 
流程 序列 中 第 二 步 是 将 裁剪 后 的 物体 投影 到 成 像 平面 上 ,但 此 时 它 不 再 是 向 一 般 3D 平面 
的 投影 ， 而 是 向 标准 平行 视 域 体 中 的 标准 平面 的 投影 ， 这 意味 着 只 需 忽 略 其 z 坐标 即 可 。 
修改 后 的 操作 流程 如 图 13-15 所 示 。 


景物 儿 何 的 标准 视 域 体 标准 视 域 体 的 
3D 场 景 坐标 坐标 成 像 平 面 坐标 2D 设 备 坐标 





图 13-15 变换 到 标准 视 域 体 后 裁剪 更 加 简单 


图 13-15 所 展示 的 处 理 流程 中 的 深 灰 色 部 分 ( 左 半 边 ) 可 以 进一步 扩展 到 透视 相机 ， 如 
图 13-16 所 示 。 此 时 通过 乘 以 Mi 将 标准 透视 视 域 体 转换 为 标准 平行 视 域 体 ， 但 是 在 进行 
齐 次 坐标 变换 之 前 ， 我 们 需 将 ><0 的 物体 裁剪 掉 。 这 是 因为 一 个 满足 z= 二 0 且 w=0 的 物 
体 ， 经 过 齐 次 坐标 变换 除法 后 ， 将 变换 为 z 二 0 且 w= 二 1。 这 意味 着 位 于 相机 后 面 的 物体 会 
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重新 出 现在 相机 前 面 ， 显 然 这 并 不 是 我 们 所 要 的 。 

在 第 一 步 的 裁剪 之 后 ， 接 下 来 可 以 进行 齐 次 坐 
标 变换 ， 并 在 二 和 y 方向 以 及 对 z 方向 的 远 平 面 进 
行 裁剪 ， 所 有 的 操作 都 非常 简单 ， 因 为 裁剪 面 均 平 
行 于 坐标 平面 。 

为 了 从 数学 上 描述 整个 操作 流程 ,我们 从 三 角 
形 顶 点 的 场景 坐标 开始 ， 然 后 依次 执行 下 面 各 步 。 

1) 乘 以 MuwM， 通 过 左 乘 Mu 将 点 变换 到 标准 
的 透视 视 域 体 坐标 系 ， 再 变换 到 标准 平行 视 域 体 坐 
标 系 (M,,)。 

2) 剔除 x 二 0 的 点 。 这 里 和 第 4 步 均 需要 知道 三 
角形 的 信息 而 不 仅仅 只 是 顶点 数据 。 

3) 进行 齐 次 坐标 变换 (x ，y，z，w) 只 (Xx/w， 
y/w，z/w，1)， 从 此 之 后 就 可 以 不 再 考虑 w 坐标 
值 了 。 

4) 对 平面 x== 士 ]，y 二 土 ] 和 x= 一 1 进行 裁剪 。 

5) 乘 以 Mu 将 点 转化 为 像素 坐标 。 

上 面 的 描述 忽略 了 两 个 重要 的 步骤 : 确定 每 个 
顶点 的 颜色 以 及 对 那些 被 三 角形 覆盖 的 像素 进行 颜 
色 插 值 ， 其 中 第 一 步 称 为 光亮 度 计 算 ( 见 第 2 章 )。 
但 如 今 这 两 步 经 常 由 一 个 称 为 着 色 器 的 GPU 小 程序 
执行 ， 故 整个 过 程 也 被 称 为 “着 色 ”。 相 关内 容 将 在 
本 书 的 后 面 几 章 进 行 讨 论 。 从 效率 的 角度 考虑 ， 需 
要 注意 的 是 ， 光 亮度 计算 代价 较 大 ， 因 此 这 一 过 程 
应 尽 可 能 排 在 后 面 ， 最 好 是 等 到 不 对 顶点 进行 光亮 
度 计算 就 会 影响 最 后 所 生成 的 图 像 时 。 而 裁剪 阶段 
恰 为 实施 着 色 的 理想 切入 位 置 。 在 此 切入， 可 以 避 
免 对 最 后 输出 中 并 不 可 见 的 物体 进行 着 色 。 而 且 ， 
对 于 许多 基本 的 光亮 度 公 式 而 言 ， 它 们 均 可 在 变换 
到 标准 透视 视 域 体 其 至 变换 为 标准 平行 视 域 体 后 (但 
在 齐 次 坐标 变换 之 前 ) 再 进行 计算 。 正 因为 如 此 ， 
所 有 的 裁剪 均 放 在 未 实施 齐 次 坐标 变换 的 平行 视 域 
体 中 进行 ， 然 后 是 光亮 度 计算 ， 最 后 齐 次 坐标 变 
换 ， 转 换 为 像素 坐标 ， 采 用 颜色 插值 来 绘制 多 边 形 
表面 。 

给 定 顶 点 的 颜色 值 后 ， 如 何在 三 角形 内 部 进行 
颜色 插值 呢 ? 实际 并 非 初 看 那么 简单 。 具 体 来 说 ， 





景物 几何 的 
Wi 3D 场 景 坐标 
变换 到 标准 
透视 视 域 体 
标准 
视 域 体 坐 标 
二 一般 4D 坐 标 
3D 坐 标 且 w= 1 


13-16 在 考虑 透视 的 情形 下 
进行 裁 前 





基于 像素 坐标 进行 线性 插值 是 行 不 通 的 。 为 了 证 明 图 13-17 PQ 中 点 的 投影 和 线段 P'Q' 的 


这 一 点 ,我 们 先 看 图 13-17 所 示 的 一 个 简单 问题 : 





中 点 并 不 是 同一 点 


日 ”很 多 着 色 方 法 都 需 计 算 点 积 ， 线 性 变换 所 引起 的 点 积 结果 的 变化 很 容易 撤销 ， 而 经 过 齐 次 坐标 变换 后 是 很 


难 撤销 的 。 





假定 空间 中 有 一 条 直线 PQ， 在 线段 的 端点 处 各 附 有 一 个 值 ， 壁 如 温度 值 ， 现 在 采用 线 
性 插值 的 方法 计算 沿线 段 各 点 的 温度 ， 且 中 点 的 温度 应 严格 等 于 两 端点 温度 的 平均 值 。 


假设 该 线段 被 变换 为 视窗 中 的 线段 P'Q' 。 如 果 我 们 取 中 点 上 请 Q， 然 后 计算 它 变换 后 的 
点 ,一般 情 况 下 它 并 不 等 于 三方 ， 所 以 赋值 给 王 坟 的 温度 并 不 是 PP 和 Q 的 平均 
温度 ， 
线性 插值 方法 唯一 适用 的 情况 是 当 端 点 P 和 Q 在 场景 中 位 于 同一 深度 (从 视点 测量 )。 
那 张 火 车 轨道 汇聚 为 地 平 线 上 一 点 的 经 典 图 片 为 此 提供 了 一 个 很 好 的 合子。 虽然 火车 轨道 
下 的 杭 木 沿 轨 道 是 等 间距 分 布 的 ， 但 它们 在 图 像 上 的 排列 却 并 不 等 距 ， 远 处 的 桃木 在 图 像 
中 间距 越 来 越 小 。 如 果 我 们 为 每 块 枕 木 赋 一 个 数值 (1，2，3，…)， 这 些 数值 在 场景 空间 
中 呈 线 性 变化 ， 但 图 像 空间 中 却 为 非 线性 。 

这 表明 在 图 像 空 间 中 ， 插 值 问题 可 能 十 分 复杂 ， 但 是 事实 是 它 也 并 非 没 有 简洁 的 途 
径 。 在 15. 6.4.2 节 我 们 将 回 到 这 一 问题 ， 并 且说 明 如 何以 简单 的 方式 实现 正确 的 透视 
插值 


13.6 透视 变换 和 z 值 


假设 我 们 考虑 < 一 一 亏 时 从 透视 视 域 体 到 平行 视 域 体 的 变换 Mu 。(c 王 一 0/ 是 标准 


透视 视 域 体 坐标 系 中 近 裁 剪 平 面 的 = 向 位 置 .) 如 果 我 们 将 一 系列 点 等 间距 地 置 于 = 轴 的 
c 和 一 1 之 间 ， 然 后 实施 上 述 变 换 和 章 次 坐标 变换 ， 变 换 后 ， 这 一 系列 点 将 位 于 平行 视 
域 体 坐标 系 = 轴 的 0 到 一 1 之 间 ， 但 不 再 为 等 间距 分 布 。 图 13-18 揭示 了 当 取 不 同 的 
值 时 ， 新 坐标 (= ) 和 输入 坐标 (z) 之 间 的 关系 。 当 c 接 近 于 一 1 时， 它们 的 关系 接近 于 线 
性 ; 当 < 接 近 于 0 时， 它们 的 关系 高 度 非 线性 ， 可 以 看 到 输出 点 大 都 聚集 在 靠近 > = 
一 1 的 地 方 。 





图 13-18 在 透视 视 域 体 中 深度 等 间距 的 点 变换 到 平行 视 域 体 后 其 间距 变 得 不 均匀 
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现在 假设 将 变换 后 点 的 = 值 乘 以 某 个 整数 N 并 被 离散 化 成 0 和 N 一 1 之 间 的 整数 (这 
在 z-buffer 中 很 常见 ， 它 们 均 基于 离散 的 值 来 判定 在 给 定 像 素 上 多 边 形 的 可 见 性 )。 如 
果 c 非常 小 ， 则 所 有 的 > 值 都 非常 靠近 1， 因 而 几乎 都 被 离散 化 为 N 一 1， 此 时 >-buffer 将 
无 法 判断 它们 之 间 的 遮挡 状况 。 因 此 ， 如 果 你 选择 了 一 个 非常 靠近 视点 的 近 裁 前 平面， 或 
者 一 个 非常 远 的 远 裁剪 平面，z-buffer 将 不 能 做 出 你 所 期 待 的 正确 判断 。 这 其 中 近 平 面 距 
离 的 选择 尤为 重要 : 为 了 避免 所 谓 的 xz 向“ 打架”, 你 必须 将 近 平 面 置 于 离 视点 尽量 远 ， 
但 仍 能 见 到 你 所 要 见 的 东西 。 


13.7 相机 变换 和 层次 化 建 模 


在 10. 11 节 中 ， 我 们 曾 构造 了 层次 化 的 变换 来 表示 第 2 章 中 的 时 钟表 面 ， 并 且 曾 提 到 
3D 模型 亦 可 构造 类 似 的 层次 化 表示 。 对 于 3D 模型 ， 从 其 构 形 基 元 (通常 为 采用 顶点 坐标 
表示 的 三 角形 ) 的 局 部 坐标 系 到 场景 坐标 系 的 所 有 变换 矩阵 的 乘积 被 称 作 复合 建 模 变换 算 
阵 (Composite Modeling Transformation Matrix，CMTM ) 。 

这 个 矩阵 乘 以 某 个 顶点 的 模型 坐标 后 将 得 到 被 建 模 景物 上 对 应 点 的 场景 坐标 。( 记 住 
所 有 坐标 都 需 采 用 齐 次 坐标 表示 ， 以 便 进 行 平移 变换 ， 故 CMTM 是 一 个 4X4 的 矩阵 ) 

课 内 练习 13. 4: 解释 为 什么 CMTM 的 最 后 一 行 必 须 是 LO0 0 0 1]， 假 设 层次 化 建 
模 中 的 变换 都 是 平移 、 旋 转 和 比例 变换 ( 即 它 们 均 为 仿 射 变换 ) 。 

要 从 场景 坐标 系 变换 为 标准 平行 视 域 体 坐标 系 ， 我 们 必须 将 点 的 场景 坐标 先 乘 以 M，. 
再 乘 以 M。， 最 后 做 齐 次 坐标 变换 。 乘 积 

CTM = M,，. M,。.。CMTM (13-19) 
在 OpenGl 中 被 称 为 建 模 视 图 投影 矩阵 或 者 复合 变换 矩阵 (CTM) 。 
可 以 认为 ， 由 相机 设 定 和 相机 位 置 所 确定 的 www 向 量 三 元 组 定义 了 另 一 个 坐标 系 : 视 


点 坐标 系 (eye coordinate) 。 为 了 将 顶点 从 场景 坐标 系 变 换 到 视点 坐标 系 ， 我 们 必须 乘 以 下 
面 的 矩阵 
Ws dy i 
We We Wa 0 0 = 
N= (L320 
vi Ms oe ON ,ee = 
0 0 ol 1 


课 内 练习 13. 5: 证 实 NN 将 P 变换 为 原点 ， 将 向 量 wu 变换 为 [1 0 0 0] ,类似 地 证 
实 v 和 w 的 情形 。 

乘积 NCMTM 在 OpenGL 中 被 称 为 建 模 视图 和 矩阵。 

课 内 练习 13. 6: 假设 你 创建 了 两 台 机 器 人 对 话 的 场景 ， 并 放置 了 一 台 相 机 来 拍摄 该 场 
景 。 但 你 想 要 给 朋友 展示 一 个 “更 宏观 的 场面 ”一 一 从 更 远 的 视点 观察 两 个 机 器 人 和 相机 
的 安放 位 置 从 而 构成 一 个 顶点 在 眼睛 位 置 的 视 域 金 字 塔 。 假 设 你 现 刚好 有 一 个 由 顶点 - 
三 角形 表 表 示 的 标准 透视 视 域 体 ， 该 视 域 体 在 y 方 向 上 缩小 一 半 ， 故 其 宽度 为 高 的 两 倍 。 
试问 要 对 这 一 视 域 体 施 加 怎样 的 变换 才能 将 它 的 顶点 置 于 场景 中 眼睛 位 置 ， 且 其 zy 基 平 
面 与 uv 平面 平行 ，y 轴 与 v 对 齐 ? 

OpenGL 定义 了 另 一 个 矩阵 ， 称 为 投影 矩阵 ， 在 实施 齐 次 坐标 变换 之 前 对 标准 平行 视 
域 体 进行 投影 变换 。 假 定 称 其 为 K， 则 它 与 我 们 所 定义 矩阵 的 对 应 关系 是 

KN = M,,M,. (13-21) 
一 个 关于 OpenGL 变换 序列 和 我 们 的 变换 序列 两 者 之 间 的 对 比如 图 13-19 所 示 。 
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标准 透视 


景物 坐标 场景 坐标 视 域 体 坐 标 裁剪 后 
的 坐标 


视点 坐标 





建 模 取景 投影 扯 阵 





规范 化 的 窗口 坐标 
设备 坐标 





图 13-19 ”OpenGL 变换 和 我 们 的 变换 的 对 比 


课 内 练习 13.7: 让 我 们 回 到 两 个 机 器 人 对 话 的 例 
子 。 假 设 第 一 个 机 器 人 的 右手 采用 单位 立方 体 来 建 模 
(一 1/2 寺 +，y，z 二 1/2)， 其 中 面 一 一 1/2 紧 贴 着 手 
腕 ， 当 手臂 保持 在 机 器 人 的 前 面 时 ， 面 y 二 1/2 位 于 单 
位 立方 体 的 顶部 ( 见 图 13-20)， 这 一 立方 体 的 CMTM 
矩阵 为 是。 现在 假设 手 实际 上 是 一 台 相 机 ， 眼 睛 的 位 
置 位 于 面 z 二 1/2 的 中 心 ( 在 模型 坐标 系 里 )， 如 图 中 的 





图 13-20 ”机 器 人 手 的 侧面 


红 点 所 示 。 相 机 在 竖 直 和 水 平方 向 的 视 域 角 均 为 990"， 近 裁剪 平面 距离 为 0.5， 远 裁剪 平 


面 距离 为 10。 描 述 如 何 确 定 这 人 台 相 机 的 变换 矩阵 Mop， 
持 相机 所 拍摄 的 景象 (答案 和 HH 相关)。 


13.8 正 交 相机 


通过 普通 相片 的 成 像 过 程 ， 透视 投影 已 为 大 家 所 
熟悉 ， 但 是 许多 图 像 是 采用 平行 投影 或 者 正 交 投影 来 
创建 的 。 在 其 投影 中 ,我 们 不 是 通过 从 视点 发 出 的 一 
组 射线 ,而 是 用 一 组 平行 射线 ,来 实现 场景 空间 到 成 
像 平面 的 投影 。 设 想 透 视 相机 有 一 个 “底片 平面 ”位 
于 空间 某 一 固定 位 置 ， 当 视点 逐渐 远离 底片 平面 时 ， 
投影 的 射线 会 越 来 越 趋向 于 平行 (图 13-21); 因此 可 以 
认为 平行 投影 是 透视 投影 中 视点 移动 到 无 限 远 处 的 极 
限 情 况 。 所 谓 正 交 投影 即 投影 的 平行 线 与 底片 平面 正 


以 便 你 能 够 展示 第 一 个 机 器 人 的 手 





图 13-21 透视 相机 逐渐 趋 近 于 
平行 相机 


交 。 这 看 似 令 人 惊讶 ， 你 可 能 曾经 希望 投影 线 不 必 与 底片 平面 正 交 ， 但 很 多 机 械 绘图 却 是 
这 样 生成 的 。 对 此 本 章 的 在 线材 料 里 有 详细 描述 。 这 里 只 讨论 正 交 相机 。 

正 交 相机 只 是 一 种 抽象 ， 它 并 不 对 应 任意 一 种 物理 相机 。 图 13-22 展示 了 正 交 相机 中 
各 个 部 分 的 标记 ， 它 们 和 透视 相机 相关 部 分 的 标记 紧密 对 应 。 其 中 最 关键 的 区 别 是 正 交 相 
机 的 “位 置 ”不 表示 视点 ， 而 是 表示 一 个 空间 中 的 任意 位 置 ， 基 于 这 一 位 置 ， 我 们 可 以 定 
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义 相机 的 其 他 部 分 。 另 一 区 别 是 ， 正 交 相 机 没有 水 平方 向 或 垂直 方向 的 视 域 角 ， 而 是 具有 
高 度 和 宽度 。 





图 13-22 正 交 相机 的 设 定 


对 于 正 交 相机 ， 我 们 可 直接 将 相机 的 视 域 体 转换 为 标准 的 平行 视 域 体 ; 重要 的 构建 步 
又 如 下 


1 Transform3 七 = Transform3.PointRAndVectorsToPointRAnadVectors ( 
p= Hw (vidhe0 Eu Melight/2 0 Eu Nm= £) WW 
3 Point3(0,0,0), Vector3(1,0,0), Vector3(0,1,0), Vector3(0,0,1)); 


为 说 明 它 是 如 何 实现 的 ， 这 里 我 们 使 用 了 点 和 向 量 的 形式 。 请 读者 自行 验证 上 面 变换 的 正 
确 性 。 
课 内 练习 13.8: 用 点 到 点 的 形式 重 写 相 机 变换 代码 。 


13. 8. 1 宽 高 比 和 视 域 


假设 你 想 在 屏幕 上 显示 一 幅 有 关 虚 拟 场 景 绘制 结果 的 200 X400 的 图 像 ， 为 此 需要 定 
义 一 个 透视 或 平行 相机 。 现 假定 采用 较 简 单 的 平行 相机 。 显 然 ， 平 行 相机 视 域 的 宽度 必须 
是 高 度 的 两 倍 。 倘 若 将 高 度 和 宽度 设 为 相等 ， 然 后 将 结果 图 像 显 示 在 200 X400 的 窗口 中 ， 
图 像 在 水 平方 向 将 出 现 拉 伸 变 形 。 

假定 显示 器 的 像素 为 正方 形 。 为 了 在 屏幕 上 生成 非 畸 变 的 显示 结果 ， 需 要 视窗 和 图 像 
具有 相同 的 宽 高 比 。 一 些 相机 设 定 系统 不 是 让 用 户 直 接 设置 视 域 的 宽度 和 高 度 ， 而 是 设置 
宽 高 比 ， 然 后 在 宽度 、 高 度 中 任 设 一 个 。 当 然 ， 也 可 在 设 定 视窗 时 允许 采用 这 两 种 方式 中 
的 任意 一 种 ， 这 样 较 易 使 相机 图 像 和 视窗 显示 区 域 相 匹 配 。( 与 同时 为 相机 和 视窗 设置 宽 
度 和 高 度 相 比 ， 同 时 为 两 者 设置 宽度 和 宽 高 比 更 易 实 现 ， 因 为 对 于 前 者 ， 还 需要 重新 为 视 
窗 选 择 一 个 与 相机 宽 高 比 相 匹 配 的 高 度 。) 

注意 ， 宽 度 、 高 度 和 宽 高 比 这 三 个 参数 不 是 相互 独立 的 ， 如 果 用 户 同时 设置 了 三 个 参 
数 ， 则 应 视 为 错误 。 

男 外 ， 透 视 相 机 中 垂直 方向 和 水 平方 向 视 域 角 之 比 并 非 视窗 和 矩形 区 域 的 宽 高 比 ( 见 练 
悦 二 3 TD) 


13.9 讨论 和 延伸 阅读 
本 章 介 绍 的 相机 模型 是 非常 简单 的 。 它 遵循 “几何 光学 ”假设 ， 即 光线 沿 着 极 细 的 直 
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线 传播 。 真 实 世 界 的 相机 则 复杂 得 多 ， 主 要 是 真实 相机 有 镜头 (通常 为 多 个 透镜 合 加 在 一 
起 构成 一 个 镜片 组 合 ) 。 这 些 透 镜 旨 在 将 透 过 镜头 的 光线 聚焦 于 成 像 平面 ， 与 针 孔 相机 相 
比 ， 它 能 采集 更 多 的 光线 ， 即 使 在 很 暗 的 环境 下 仍 能 生成 明亮 的 图 像 。 不 过 ， 我 们 致力 于 
合成 虚拟 图 像 ， 亮 度 并 非 大 问题 : 只 需 对 存储 在 图 像 数组 里 的 亮度 值 进行 缩放 即 可 。 然 
而 ， 模 拟 真实 世界 镜头 的 效果 确 能 增加 所 绘制 图 像 的 视觉 真实 感 。 例 如 ， 对 于 真实 世界 的 
相机 ， 只 有 位 于 相机 焦距 附近 一 个 小 的 深度 范围 的 景物 能 清晰 对 焦 。 这 一 范围 之 外 的 物体 
则 呈现 为 模糊 。 我 们 的 眼睛 也 是 如 此 : 当 你 的 眼睛 聚焦 到 计算 机 屏幕 上 时 ， 眼 镜 边缘 处 也 
是 模糊 的 。 采 用 小 景深 的 镜头 拍摄 的 照片 能 给 我 们 一 种 亲临 观察 的 视觉 感受 ， 这 是 因为 我 
们 眼睛 的 景深 也 很 窗 。 

为 了 模拟 相机 的 透镜 效果 ， 对 需要 绘制 的 每 个 像素 ， 必 须 考虑 从 场景 中 能 到 达 该 像素 
的 所 有 光线 ， 也 就 是 说 ， 需 要 考虑 穿 过 透镜 表面 每 一 个 点 的 光线 。 因 为 涉及 无 数 条 光线 ， 
所 以 这 一 方案 实际 上 无 法 实现 。 但 若 对 每 个 像素 采样 多 条 光线 ， 我 们 也 可 非常 好 地 通 近 透 
镜 效果 。 取 决 于 所 采用 的 透镜 模型 的 细节 (有 无 色差 ? 或 者 是 否 非 球面 ?)， 模 拟 效果 甚至 
可 以 乱 真 。 如 果 你 想 学 习 更 多 这 方面 的 知识 ，Cook 的 关于 分 布 式 光线 跟踪 [CPC84] 的 研 
究 将 是 一 个 很 好 的 起 点 。 

还 可 以 采用 男 一 种 基于 表象 学 的 不 同方 法 : 我 们 只 需 对 需要 绘制 的 多 边 形 进行 适度 的 
模糊 ， 模 糊 程度 取决 于 该 多 边 形 到 相机 的 距离 。 即 使 在 光栅 化 绘制 器 中 ， 它 也 可 以 实现 基 
本 的 景深 效果 ， 而 其 代价 却 非常 小 。 但 若 场景 中 含有 细 长 的 多 边 形 ， 且 其 一 端 靠 近 相 机 而 
另 一 端 却 远离 相机 ， 这 一 方法 就 不 一 定 有 效 了 。 此 方法 更 为 适合 视频 游戏 中 的 高 速 场景 ， 
而 不 是 对 单个 、 静 态 场景 的 绘制 。 


13. 10 练习 


13.1 (a) 假设 一 台 透 视 相 机 的 水 平方 向 和 垂直 方向 的 视角 分 别 是 9, 和 4.， 试 计算 底片 的 宽 高 比 。 
(b) 证 明 如 果 9 和 以 都 很 小 ,那么 底片 的 宽 高 比 和 比率 8/6. 几乎 相等 。 
13.2 公式 (13-2)- 公 式 (13-5) 展 示 了 如 何 依据 视线 方向 和 朝 上 方向 确定 uvw 坐标 系 ， 证 明 下 面 的 方法 能 


得 到 相同 的 结果 。 
一 /ook 
t= wX vup (13-23) 
5 : 
= TT (13-24) 
v=uXw (C1325) 


解释 为 什么 无 需 对 v 进行 归 一 化 。 
13.3 在 透视 视 域 体 中 ， 随 着 视点 越 来 越 远 离 成 像 平面 ， 视 域 体会 趋向 于 平行 。 针 对 下 述 情况 : 眼睛 位 


于 (0，0，n);， 近 平面 在 z=0 处 ， 远 平面 在 z= 一 1 处 ,， 故 fn 十 1。 设 名 一 4 一 2arctan( 地 全 则 


远 平面 上 的 可 视 区 域 为 一 +，y 专 1。 试 将 其 乘积 Me Mper 写 为 n 的 函数 ， 并 考察 它 在 n 一 oo 时 的 
极限 情况 ,解释 所 得 结果 。 
13. 4 正如 平面 投影 变换 可 由 平面 上 的 4 个 点 的 值 所 确定 ， 直 线 投影 变换 可 由 直线 上 的 三 个 点 的 值 所 确 


定 。 其 投影 变换 经 常 取 以 下 形式 : + ,2 二 5， 此 处 w、6、c 和 凡是 实数 ， 且 满足 ab 一 bc 之 0。 


(a) 假设 你 想 将 点 :二 0、1、o 分 别 变换 到 3、7 和 2。 求 解 其 相应 的 a、5、c 和 d。 注 意 在 1 二 oo 处 
的 值 定义 为 :> 吕 时 的 极限 ， 因 此 其 结果 是 a/c。 
(b) 将 上 面 的 问题 推广 到 一 般 情况 : 如 果 我 们 想 要 将 点 :二 0、1、 吕 变换 到 A、B 和 C， 找到 合适 
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的 a、6b、c 和 4d 的 值 。 

构造 一 个 案例 ， 证 明 平 面 上 一 个 连通 的 n 边 形 被 一 个 正方 形 裁 前 后 ， 在 正方 形 内 最 多 会 形成 Ln/2] 

个 非 连通 的 小 面 片 (被 “裁剪 掉 ” 的 部 分 不 计 )。 假 定 该 多 边 形 是 凸 的 ， 最 多 能 生成 多 少 个 面 片 ? 

请 给 予 解释 。 

采用 一 个 鞋 盒 和 一 张 薄 纸 构造 一 个 针 孔 相机 : 切 去 鞋 盒 的 一 端 ， 用 薄 纸 代替 ， 在 鞋 盒 的 另 一 端 穿 

一 个 小 孔 ， 用 胶带 将 盒子 的 项 面 固定 住 。 站 在 一 个 黑暗 的 房间 里 观看 室外 的 明亮 场景 ; 观察 薄 纸 ， 

并 使 盒子 有 针 孔 的 那 一 端 朝向 窗户 。 你 会 在 薄 纸 上 看 到 室外 场景 的 一 个 模糊 的 倒影 。 现 在 将 针 孔 

扩大 少许 ， 然 后 再 看 场景 ;注意 到 图 像 会 更 加 明亮 但 更 为 模糊 。 如 果 让 针 孔 为 正方 形 而 不 是 圆 形 

会 发 生 什 么 情况 呢 ? 

找到 一 张 人 物 照 片 ， 估 计 其 拍摄 时 人 物 和 相机 的 距离 一 一 假设 为 3 米 。 现 有 一 位 朋友 站 在 同一 距 

离 处 ， 那么 你 应 该 将 该 照片 放 在 多 远 的 地 方 ， 可 使 得 照片 上 人 所 占 的 面积 和 站 在 你 前 面 的 朋友 的 

视觉 面积 相同 ? 是 否 这 个 距离 就 是 你 平时 观赏 照片 的 距离 ”请 解释 当 你 并 没有 取 这 个 “理想 ”的 

距离 而 是 另 一 距离 来 观察 照片 时 你 的 大 脑 会 做 什么 。 

(a) 注视 你 面前 墙 上 的 一 个 固定 点 ， 然 后 将 两 只 手臂 尽量 伸展 到 两 边 。 在 手臂 向 外 侧 移动 时 晃动 
手指 ， 直 至 眼睛 的 余 光 尚 能 看 到 手指 的 运动 为 止 ， 整 个 过 程 中 应 保持 对 前 方 的 点 的 注视 。 找 
一 位 朋友 以 你 的 视点 为 顶点 测量 手臂 的 张 角 。 这 会 给 出 你 的 真实 视角 的 一 些 信息 ， 至 少 对 运 
动感 知 而 言 。 

(b) 让 一 位 朋友 站 在 你 的 身后 ， 并 将 他 的 手 伸展 到 你 的 手 的 当前 位 置 ， 然 后 每 只 手 伸 出 一 根 、 两 
根 或 者 三 根 手 指 。 请 他 将 双手 向 前 移动 直到 你 可 以 说 出 他 每 只 手 伸 出 了 几 根 手指 (整个 过 程 中 
你 始终 注视 墙壁 上 的 固定 点 )。 以 你 的 眼睛 为 顶点 测量 他 的 手臂 张 开 的 角度 ， 这 可 以 知道 对 于 
非 移动 的 物体 你 可 感知 的 视 域 角 。 

我 们 曾经 说 过 zw 平面 的 展 平 变换 可 由 三 条 属性 唯一 确定 : 平面 z= 二 一 n/f 变换 到 x 二 0; 位 于 (xz， 

w) 二 (0，1) 处 的 眼睛 被 变换 到 点 w= 二 0 处 ; 平面 = 一 1 维持 不 变 。 试 证 明 这 一 点 。 当 限制 为 z= 

y= 二 0 平面 时 ， 最 后 一 条 约束 表明 点 (zx，w) 二 (一 1，1) 将 变换 到 它 自己 。 假 定 开始 时 我 们 要 找 的 矩 


阵 是 未 知 的 ，M 一 [< a 


(a) 证 明 关 于 视点 变换 的 条 件 隐 含 了 d= 二 0。 
(b) 现在 让 d==0, 证 明 第 三 个 条 件 对 应 于 c= 一 1 且 a=6b 十 1。 
(c) 最 后 ， 证 明 第 一 个 条 件 暗 示 5 二 n/(f 一 n)， 且 可 用 来 求解 a。 
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标准 化 近似 和 表示 
14. 1 引言 


真实 世界 中 包含 了 许多 细节 ， 很 难 按 物理 和 几何 的 第 一 原理 对 它们 进行 高 效 模拟 。 当 
前 使 用 的 真实 场景 数学 模型 以 及 具体 实现 的 数据 结构 和 算法 都 是 近似 的 。 这 些 近 似 便于 图 
形 计算 ,但 也 会 导致 误差 和 局 限 性 。 此 外 这 些 模 型 及 其 近似 表示 往往 偏重 于 几何 和 算法 方 
面 ， 例 如 橘子 的 几何 模型 可 简单 表示 为 一 个 球体 ， 又 如 简化 的 光 传 播 模型 假设 光 穿 过 玻璃 
时 不 会 发 生 折 射 和 能 量 损失 。 

在 本 章 ， 我们 将 考察 一 些 常 见 的 近似 方法 并 分 析 它 们 的 局 限 性 。 我 们 还 将 介绍 构建 模 
型 及 其 数据 结构 所 涉及 的 一 些 关键 假设 ， 这 些 假设 将 贯穿 于 本 书 的 其 余 章 节 和 图 形 学 中 。 
本 章 还 包含 了 计算 机 图 形 学 过 去 50 年 发 展 中 所 积累 的 一 些 工 程 传统 知识 和 实用 数学 技术 。 
这 些 知识 和 技术 至 今 仍 在 使 用 ， 是 读者 将 已 有 的 数学 和 计算 机 科学 知识 应 用 到 计算 机 图 形 
学 所 必须 掌握 的 。 为 了 让 大 家 快速 地 了 解 大 量 的 材料 ， 我 们 将 不 会 深入 其 中 的 细节 。 对 一 
些 可 能 采用 的 近似 方法 ， 后 续 相 关 章 节 将 分 别 进行 较 详 细 的 阐述 。 为 了 保持 内 容 的 模块 化 
(可 使 读者 免 去 大 量 翻阅 的 时 间 )， 本 章 和 之 前 及 随后 各 章 会 有 一 些 内 容 上 的 重复 ， 而 且 还 
使 用 了 一 些 尚未 介绍 过 的 术语 和 单位 (如 立体 弧度 ), 但 它们 的 精确 含义 并 不 影响 现在 的 
阅读 。 

本 章 中 的 示例 代码 基于 开源 OpenGL API(http://opengl. org) 和 G3D 创新 引擎 库 
(http://g3d. sf. net) 。 我 们 建议 读者 仔细 阅读 文档 中 的 相关 细节 ， 以 便 进 一 步 理 解 和 掌握 
这 些 常 见 的 近似 和 表示 方法 如 何 应 用 于 编程 实践 。 


14.2 评价 各 种 表示 方法 
在 许多 情况 下 ， 存 在 多 种 表示 方法 ， 分 别 具 有 不 同 的 性 质 。 对 于 某 一 特定 的 应 用 哪 种 
表示 方法 最 好 ， 取 决 于 该 项 应 用 的 目标 。 系 统 设 计 的 水 平 在 很 大 程度 上 体现 在 能 为 特定 的 
应 用 选择 恰当 的 表示 方法 。 评 价 一 种 表示 需 考虑 的 因素 有 : 
@ 物理 精度 
e 感知 精度 
设计 目标 
空间 效率 
时 间 效率 
实现 复杂 性 
@ 创建 内 容 所 需 的 成 本 
物理 精度 是 最 易于 客观 测量 的 性 质 。 我 们 可 以 使 用 校准 过 的 相机 来 测量 从 已 知 场景 反射 
的 光 能 ， 并 将 它 与 该 场景 的 绘制 结果 进行 对 比 ， 如 测量 时 常 采用 康 奈 尔 方 盒 ( 见 图 14-1)。 
但 物理 精度 通常 并 不 是 创建 图 像 时 最 重要 的 考虑 因素 。 人 们 观察 图 像 时 ， 那 些 不 易 察 
觉 的 误差 显然 不 如 容易 为 人 感知 的 误差 那么 重要 ， 因 而 物理 精度 并 非 评价 图 像 质 量 的 合适 
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标准 。 不 过 是 值得 庆幸 的 一 一 因为 无 论 我 们 如 何 精确 地 模拟 虚拟 场景 ， 仍 存在 源 于 显 
示 需 的 大 量 ee 当前 的 显示 器 还 不 能 重 现 现实 世界 的 整个 光亮 度 范 围 ， 也 不 能 生成 我 们 
眼睛 所 看 到 的 真实 3D 光 场 。 

感知 精度 无 疑 是 对 图 像 质量 的 一 个 较 好 的 评价 标准 ， 
不 过 难以 进行 测量 。 已 有 许多 度量 观察 者 对 场景 的 感知 
程度 的 合理 模型 ， 它们 被 用 来 对 新 算法 进行 分 析 或 者 直 
接 构成 这 类 算法 的 一 部 分 (例如 ， 视 频 压 缩 算 法 需 考虑 由 
于 压缩 而 引起 的 感知 误差 )。 然 而 ， 正 如 第 5 章 所 述 ， 人 
类 的 感知 与 所 观察 的 环境 、 目 标的 上 下 文 、 图 像 内 容 以 
及 观察 者 本 人 有 密切 关系 ， 因 此 虽然 我 们 理解 感知 对 评 
价 图 像 质量 的 重要 性 ， 但 仍 无 法 依据 图 像 显示 的 某 种 度 
量 来 精确 量化 图 像 感知 的 质量 。 

感知 精度 甚至 也 不 总 被 认为 是 对 图 像 质量 高 低 的 一 “图 14-1 项 部 带 有 一 个 光源 且 全 





个 好 的 度量 方式 。 如 图 14-2 的 照片 所 示 ， 线 条 夯 和 原 照 rw 
片 的 色 度 与 色调 毫 不 相关 ， 但 相对 于 拍摄 得 很 差 的 照片 ， 为 标准 测试 模型 用 于 度 
它 应 被 认为 是 对 场景 更 高 质量 的 描述 。 最 佳 的 图 像 质 量 量 绘制 算法 的 精确 度 。 
意味 着 能 以 设计 者 希望 的 方式 将 虚拟 场景 最 好 地 展现 给 此 图 是 使 用 100 万 个 兆 
观察 者 。 它 可 以 是 CAD 程序 中 的 线 框图 、 艺 术 作 品 中 的 天 限 涉 的 光子 上 射 第 果 


绘画 风格 、 卡 通 式 的 视频 游戏 或 电影 中 的 画面 感 。 通 稼 艺术 家 和 设计 者 会 有 意识 地 对 几何 

模型 做 适当 的 简化 和 变形 ， 对 光照 效果 进行 某 种 风格 化 处 理 ， 采用 非 真实 感 方 式 进行 绘制 
以 更 好 地 表达 他 们 的 想法 。 这 种 类 型 的 图 像 质量 无 法 做 客观 的 测量 ， 这 也 是 为 什么 说 图 形 
系统 设计 是 一 种 主观 艺术 加 工程 实践 的 理由 。 





图 14-2 一 比 一 张 卫 星 照片 包含 更 少 的 信息 和 细节 ,但 却 以 更 好 地 将 突出 元 素 传达 给 观察 者 这 种 

方式 呈现 它 的 信息 。 这 证 明了 捕获 现实 的 很 多 方面 的 信息 并 不 总 是 给 一 场景 建 模 的 最 有 效 方式 

(授权 : 2012 Google 一 地 图 数据 2012 Cnes/Spot 图 像 ，DigitalGlobe，GeoEye，MassGIS， 
Commonwealth of Massachusetts EOEA, New York GIS, USDA Farm Service Agency) 


时 空 效率 及 其 实现 的 复杂 性 并 非 数 学 建 模 的 范畴 ,而 是 具体 实现 中 的 问题 。 我 们 力求 
实现 所 设计 的 算法 并 将 它们 应 用 于 实际 问题 。 对 实时 的 交互 绘制 而 言 ， 效 率 是 至 关 重要 
的 ， 在 虚拟 环境 里 ， 低 质量 但 可 交互 生成 的 动态 画面 会 比 只 能 有 限 交 互 或 交互 严重 延迟 的 
高 质量 动画 产生 的 用 户 体 验 更 好 。 在 市 场 中 ， 一 个 系统 的 可 接受 程度 和 生存 力 受 价格 驱 
动 ， 系 统 开发 过 程 需 综合 考虑 计算 性 能 、 存 储 需 求 、 开 发 人 工 成 本 与 图 像 质量 等 多 方面 
因素 。 





14.2.1 测量 值 


我 们 可 以 从 如 何 评价 图 像 质量 中 获得 一 些 教 益 。 尽 管 我 们 认为 图 像 质量 取决 于 感知 精 
度 以 及 画面 是 否 体现 了 设计 者 的 表达 意图 ， 但 计算 机 图 形 学 的 进展 却 主要 聚焦 在 图 像 生成 
的 时 空 效率 和 物理 精度 上 ， 当 然 实 现 的 复杂 度 也 是 考虑 的 重要 因素 。 这 可 能 是 因为 效率 和 
物理 精度 更 适合 进行 客观 度量 。 虽 然 这 两 者 不 一 定 容易 优化 ， 但 既 为 客观 度量 就 可 以 进行 
定量 优化 。 所 以 获得 的 第 一 点 教 益 是 如 果 想 改善 某 方面 的 效果 ， 就 需要 寻找 一 个 客观 量 来 
量化 它 。 如 今 图 像 的 物理 精度 已 经 非常 高 ， 在 一 定 范围 内 我 们 完全 能 生成 具有 极 好 感知 品 
质 的 图 像 。 专 题 片 中 经 常会 包含 一 些 完全 由 计算 机 生成 的 画面 ， 这些 画面 与 照片 很 难 区 
别 ， 即 使 是 低能 耗 的 移动 设备 也 能 提供 交互 式 3D 图 形 功能 。 第 二 点 教 益 是 确定 你 真正 想 
要 的 优化 目标 (这 是 第 1 章 中 “明确 问题 ”原则 的 一 个 例子 )。 尽 管 在 生成 图 像 的 质量 方面 
取得 了 众多 进展 ,但 是 在 建 模 、 动 画 生成 以 及 采用 工具 或 编程 来 绘制 场景 方面 并 没有 实现 
人 们 的 预期 。 在 过 去 50 年 里 ， 尽 管 ( 有 了 时 也 由 于 ) 图 形 中 间 件 库 的 开发 和 图 形 算法 的 标准 
化 ， 上 述 过 程 实现 的 复杂 性 仍 在 急剧 上 升 。 除 真实 感 之 外 ， 其 他 方面 进展 缓慢 的 原因 也 许 
是 由 于 非 真 实感 图 像 的 绘制 质量 是 一 种 主观 评估 。 目 前 计算 机 图 形 学 尚 不 能 让 普通 用 户 如 
画家 一 样 使 用 自然 介质 来 进行 表意 式 创 作 和 传递 自己 的 创作 意图 。 





14.2.2 历史 上 的 模型 


这 一 章 描述 的 表示 中 既 有 当前 流行 的 ， 也 有 一 些 目前 已 不 常 使 用 的 。 一 些 相对 老 旧 的 
技术 可 能 不 再 应 用 于 新 系统 的 开发 。 这 是 因为 它们 是 在 计算 机 图 形 学 早期 开发 的 ， 当 时 对 
某 些 问题 的 理解 还 不 深入 ， 也 可 能 是 因 开发 时 系统 缺少 可 支持 更 精确 模型 运行 的 资源 。 

本 章 之 所 以 介绍 一 些 已 不 再 常用 的 技术 是 出 于 两 个 原因 。 第 一 ， 本 章 所 介绍 的 技术 应 
为 读者 所 知 ， 而 非 应 为 读者 所 用 。 经 典 的 图 形 学 论文 在 包含 关键 思想 的 同时 也 存在 那个 时 
代 常 见 的 建 模 缺 陷 。 读 者 需要 明了 这 些 建 模 缺 陷 并 将 它们 与 关键 思想 分 开 。 图 形 系 统 包含 
了 一 些 模型 以 支持 某 些 保留 下 来 的 应 用 ， 如 在 OpenGL 中 仍 支持 基于 顶点 光亮 度 的 
Gouraud 插值 。 读 者 可 能 会 遇 到 并 且 仍 然 要 维护 这 类 系统 ， 毕 竟 ， 在 实践 中 还 无 法 彻底 告 
别 过 去 的 一 切 。 

第 二 ， 一 些 过 时 的 技术 有 回归 当今 系统 的 趋势 。 正 如 我 们 在 本 节 所 说 的 ， 对 于 一 项 应 
用 ， 精 度 最 高 的 模型 通常 并 非 最 优 的 模型 ， 因 为 建 模 时 需 考 虑 多 种 因素 ， 这 些 因 素 所 涉及 
的 成 本 也 处 于 动态 变化 之 中 。 成 本 变化 可 能 源 于 新 算法 的 发 现 。 例 如 ， 快 速 傅 里 叶 变换 的 
引入 、 随 机 算法 的 出 现 以 及 着 色 语 言 的 发 明 改 变 了 图 形 学 中 主要 算法 的 效率 和 实现 复杂 
度 。 男 一 个 缘由 是 计算 机 硬件 的 进步 。 计 算 机 图 形 学 的 进展 与 当代 计算 机 给 出 的 “常数 因 
子 ” 紧 密 相 关 ， 如 内 存 大 小 与 时 钟 频率 的 比值 、 唱 体 管 功 耗 与 电池 容量 之 比 等 。 当 因 技 术 
或 经 济 因 素 导 致 这 些 常 数 发 生 改 变 时 ， 与 之 相 适 应 的 软件 模型 也 会 随 之 发 生变 化 。 当 实时 
3D 计算 机 图 形 学 进入 消费 领域 时 ， 它 采用 的 是 十 年 前 为 电影 行业 所 淘汰 的 一 些 模型 。 电 
影 制作 工场 对 一 帧 画面 所 做 的 处 理 和 占用 的 内 存 超出 消费 者 的 台式 机 或 游戏 机 数 千 倍 ， 电 
影 工 业界 在 质量 和 效益 之 间 有 完全 不 同 的 权衡 。 同 样 ， 最 近 将 3D 图 形 学 引入 移动 平台 使 
得 一 些 稍 低 质 量 的 近似 模型 得 以 重新 应 用 。 


14.3 实数 
在 大 多 数 计算 机 科学 中 均 隐 含 一 项 假设 ， 即 实数 总 是 可 以 表示 成 足够 精度 的 数字 形 
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式 。 然 而 在 计算 机 图 形 学 中 ， 经 常 发 现 所 用 的 精度 已 经 接近 可 用 的 极限 ， 而 很 多 错误 都 是 
因 未 能 满足 上 述 假设 而 引起 的 。 所 以 在 建立 更 多 涉及 实数 的 数据 结构 之 前 ， 需 要 考虑 如 何 
来 近似 表示 实数 的 问题 。 

定点 、 归 一 化 定点 和 浮 点 是 计算 机 图 形 学 程序 中 使 用 最 为 广泛 的 实数 的 近似 格式 。 但 
每 一 种 都 只 有 有 限 的 精度 ， 且 随 着 操作 次 数 的 增加 误差 会 随 之 增 大 。 当 对 一 项 任务 而 言 ， 
其 精度 太 低 时 可 能 出 现 意 想不到 的 错误 。 因 为 算法 本 身 是 正确 的 ， 因 而 这 种 错误 很 难 进行 
调试 ， 且 每 次 数学 测试 会 产生 不 一 致 的 结果 。 例 如 ， 考 虑 一 个 球 下 落 接 近 地 面 时 的 物理 模 
拟 ， 根 据 模 拟 器 的 计算 ， 这 个 球 下 落 4 米 时 刚好 触及 地 面 ， 因 此 当 球 下 落 d 一 0. 0001 米 时 ， 
下 落 的 球 应 处 于 即将 接触 地 面前 的 状态 。 而 经 过 变换 后 ， 实 时 测试 表明 此 球 的 一 部 分 已 在 地 
面 之 下 。 出 现 此 种 情形 的 原因 在 于 数学 上 正确 的 表达 式 ， 如 d= 二 4d 一 a 十 a( 特 别 是 a 二 (a/b) * 
b)， 当 实数 取 某 种 近似 表示 时 不 一 定 成 立 。 对 编译 器 的 优化 增加 了 问题 的 复杂 性 。 例 如 ， 当 
中 间 结 果 采 用 不 同 的 精度 时 ，a 二 6 十 c; e 二 a 十 4 产生 的 结果 可 能 与 e==b 十 c 十 d 不 同 ， 而 且 即 
使 程序 中 为 前 者 形式 ， 编 译 器 也 可 能 将 其 优化 成 后 者 。 由 精度 引起 且 大 家 时 常 观察 到 的 误差 
是 绘制 中 的 自 阴 影 走 样 现 象 ， 它 源 于 在 计算 场景 中 的 点 在 视点 坐标 系 和 以 光源 为 中 心 的 坐标 
系 中 的 位 置 时 精度 不 足 。 当 其 中 一 个 位 置 存 在 误差 致使 两 者 并 不 对 应 同一 点 时 ， 该 空间 点 就 
会 形成 自身 阴影 ， 表 现 为 物体 表面 呈现 平行 的 上 暗 带 和 散乱 的 麻 点 。 

确 有 一 些 比 定点 和 浮 点 表示 精度 更 高 的 实数 表示 方法 。 例 如 ， 可 精确 地 将 有 理 数 表达 
为 两 个 大 数 的 比值 ( 即 动态 的 位 长 整数 )。 只 要 我 们 愿意 在 有 理 数 操作 上 花费 更 多 的 空间 和 
时 间 ， 它 们 能 够 任意 地 逼近 实数 。 不 过 ， 大 家 很 少 会 这 么 做 。 


14. 3.1 定点 数 


定点 数 采 用 固定 长 度 的 二 进 制 位 和 固定 的 小 数 点 位 置 ， 确 保 了 不 同 大 小 值 的 定点 数 都 
具有 相等 的 精度 ， 因 此 可 限定 一 个 实数 (在 可 表示 范围 内 ) 采 用 定点 表示 可 能 带 来 的 最 大 误 
差 。 操 作 定 点 数 与 操作 整数 几乎 相同 ， 所 以 定点 数 操作 的 硬件 实现 较 简单 ( 低 成 本 )。 定 点 
表示 最 基本 的 形式 是 整数 的 精确 表示 ， 通 常 采用 二 进 制 补 码 的 方式 对 负数 进行 高 效 编码 。 

定点 数 表示 包含 四 个 参数 : 有 符号 或 无 符号 、 归 一 化 或 未 归 一 化 、 表 示 整 数 的 位 数 以 
及 表示 小 数 的 位 数 。 后 两 者 常 使 用 带 小 数 点 的 数字 表示 ， 例 如 , “24. 8 定点 格式 ”表示 一 
个 32 位 的 定点 数 ， 其 中 整数 部 分 用 24 位 表示 ， 其 余 的 8 位 表示 小 数 部 分 。 

b 位 无 符号 归 一 化 定点 数 对 应 于 整数 0x 二 2” 一 1， 它 被 解 译 为 zx/(2 一 1)， 因 而 位 于 
[0，1] 内 。 有 符号 归 一 化 定点 数 的 数值 范围 为 [一 1，1]。 如 果 直 接 将 范围 [0 ，2’ 一 1] 内 的 
数 映射 到 [一 1，1]， 则 0 无 法 精确 表示 ， 因 此 通常 将 对 应 于 最 末 两 位 的 整数 映射 为 一 1， 
将 该 段 数 轴 向 前 做 微小 平移 ， 从 而 使 得 一 1，0，1 都 能 精确 表示 。 

归 一 化 数值 在 计算 机 图 形 学 中 非常 重要 ， 因 为 我 们 经 常 需要 使 用 压缩 储存 方式 来 表示 
单位 向 量 、 单 位 向 量 的 点 积 以 及 反射 率 的 分 数值 。 

在 计算 机 图 形 程序 中 常 涉及 多 种 数值 类 型 ， 因 而 较为 理想 的 是 设置 一 种 可 揭示 数值 类 
型 的 简洁 命名 规则 。 一 种 常见 的 定点 数 命 名 规则 是 采用 前 级 和 后 级 来 修饰 int 或 fix。 此 
规则 中 ， 前 级 含 u 时 表示 无 符号 数 ， 前 绥 含 n 时 表示 归 一 化 数 ， 而 后 缀 用 一 个 下 划 线 表示 
位 分 配 情况 。 例 如 ，uint8 表示 位 于 [0，255] 之 内 的 8 位 无 符号 定点 数 ，ufix5_3 表示 
包含 5 个 整数 位 和 3 个 小 数位 的 无 符号 定点 数 ， 其 取 值 区 间 为 L0， 和 于 一 2 一 ] 王 [0， 
31. 875]。OpenGL 采用 更 简洁 的 命名 规则 一 一 使 用 字母 工 表 示 未 归 一 化 的 定点 数 ， 无 I 
则 为 无 符号 的 归 一 化 格式 。 例 如 ，GL_R8 表示 范围 为 L0，1] 的 8 位 归 一 化 值 (uint8)，GL_ 
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RI8 表示 范围 为 LO，255] 的 整数 。 

图 形 硬件 中 的 常见 定点 格式 有 : 描述 反射 率 的 无 符号 归 一 化 8 位 数 ， 描 述 单元 向 量 的 
归 一 化 8 位 数 以 及 光栅 化 过 程 中 描述 2D 坐标 的 24. 8 格式 定点 数 。 当 前 软件 绘制 中 并 不 常 
采用 定点 数 ， 这 是 因为 CPU 对 于 大 多 数 的 定点 数 操作 而 言 效 率 不 高 ， 而 且 当 前 的 软件 绘 
制 更 关注 于 图 像 质量 而 非 计 算 性 能 ， 如 果 这 类 最 小 限度 的 数据 格式 使 用 不 方便 ， 则 不 会 刻 
意 采用 它们 。 但 软件 光栅 化 是 个 例外 一 一 其 硬件 采用 了 24. 8 定点 格式 。 这 并 不 是 因为 计 
算 效 率 而 是 因为 定点 算术 计算 的 精确 性 : a 十 2 一 5 一 4a( 只 要 中 间 计 算 结果 没有 溢出 )， 若 a 
和 2 以 浮 点 数 表 示 ， 人 情况 就 并 非 如 此 了 。 


14.3.2 浮 点 数 


在 浮 点 表示 中 ， 小 数 点 位 置 不 固定 一 一 在 某 些 情形 中 ， 它 甚至 可 能 远 超 出 数字 的 位 
数 。 尽 管 经 常 使 用 的 IEEE 754 浮 点 表示 方法 的 细节 比 科 学 记 数 法 略微 复杂 ， 但 两 者 的 关 
键 思想 是 相似 的 。 任 一 个 数 均 可 表示 为 一 个 尾数 和 一 个 指数 ， 例 如 可 将 aX10" 的 编码 写 
成 表示 a 的 二 进 制 位 和 表示 2 的 二 进 制 位 的 串 接 ， 其 中 a 和 2 本身 为 整数 或 定点 数 。 在 实 
践 中 ，IEEE 754 可 直接 表示 “无 效 数 ”( 例 如 ，0/0) 、 正 无 穷 和 负 无 穷 等 概念 。 当 然 在 定 
点 模式 中 也 能 采用 特殊 的 二 进 制 位 模式 (虽然 极 少 使 用 ) 来 表示 这 些 概念 。 相 对 于 定点 数 ， 
当 取 相同 数目 的 二 进 制 位 时 ， 浮 点 数 能 够 表示 更 大 的 数值 范围 或 提供 更 高 的 精度 ; 不 过 ， 
两 者 不 能 同时 兼 得 。 实 数 以 浮 点 表示 时 的 近似 误差 与 它 所 表示 的 数 有 关 ， 表示 大 的 数值 时 
误差 也 更 大 ( 见 图 14-3 和 图 14-4)， 因 此 在 采用 浮 点 数 表示 的 算法 中 很 难 限定 其 误差 范围 。 
浮 点 数 也 往往 需 采用 更 复杂 的 电路 来 实现 。 

二 进 制 实数 系 


-100 i 10 100 
-oa 二 一 | 一 一 +> 


用 IEEE 单 精度 (32 位 ) 浮 点 格式 表示 的 二 进 制 实数 子 集 
-100 = | 10 100 
-oo 一- 一 -一 一 一 一 一 一 一 才 -…………… 和 一 -一 ----- 一 +% 


图 14-3 用 IEEE 单 精度 (32 位 ) 浮 点 格式 表示 的 二 进 制 实数 子 集 (授权 : Intel 公司 ) 


32 位 和 64 位 浮 点 表示 (有 时 称 单 、 双 精度 ) 为 所 有 的 应 用 领域 所 广泛 采用 。 基 于 空间 和 
时 间 效 率 考虑 ， 在 图 形 学 中 常 使 用 32 位 浮 点 数 。 图 形 学 中 也 会 使 用 在 其 他 领域 不 大 常见 的 
浮 点 格式 ， 如 16 位 的 所 谓 “ 半 ”精度 浮 点 格式 和 一 些 特殊 用 途 的 浮 点 格式 (如 10 位 浮 点 数 ， 
又 称 7e3)。 由 于 大 多 数 体 系 结构 在 定义 数据 类 型 的 位 长 时 都 倾向 于 选择 取 2 的 害 次 ，10 位 数 
据 格 式 显 得 较为 奇特 。 在 存储 XYZ 或 RGB 值 等 3 向 量 组 合 时 ， 三 个 10 位 字 长 的 值 可 存储 于 
32 位 的 机 器 字 中 (余下 的 两 位 未 使 用 )。 在 共享 指数 格式 中 ， 将 每 个 向 量 的 尾数 组 合 在 一 起 ， 
然后 共享 一 个 指数 LWar94]。 这 种 格式 特别 适 于 存储 像素 取 值 范围 较 大 的 图 像 。 


14. 3.3 缓冲 区 


在 计算 机 图 形 学 中 ， 术 语 “ 缓 冲 区 ”通常 指 以 2D 矩形 形式 排列 的 像素 值 阵列 ， 例 如 
一 帧 待 显示 的 图 像 或 一 张 记录 从 视点 到 每 一 像素 上 可 见 物 体 距离 的 图 。 注 意 在 一 般 的 计算 
机 科学 中 ,“ 缓 冲 区 ”通常 指 一 个 队列 ( 故 有 时 “2D 向 量 ” 指 2D 阵列 ， 而 非 几 何 向 量 !)。 
为 了 避免 混淆 ， 我 们 在 本 书 中 不 采用 一 般 计算 机 科学 中 缓冲 区 术语 的 含义 。 
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不 确定 表示 


一 一 定点 0.24 
一 一 IEEE32 位 浮 点 
104 上 | 一 一 IEEE32 位 浮 点 (连续 误差 ) 


不 确定 性 间隔 大 小 


10-' 





10* 03 102 10"! 10° 
值 
图 14-4 用 8.24 位 定点 和 32 位 浮 点 表示 的 相 邻 实数 在 范围 [L10“，1) 的 距离 [LAS06]。 其 中 
浮 点 表示 精度 随 幅 度 变化 (© 2006 ACM 授权 许可 ) 

图 形 系 统 中 的 颜色 缓冲 区 存储 了 屏幕 上 正在 显示 的 图 像 数 据 。 通 常 表示 为 像素 值 的 
2D 阵列 ， 阵 列 中 的 每 个 元 素 存储 了 三 个 字段 : 红 、 绿 、 蓝 。 这 里 暂 不 解释 各 个 字段 的 意 
义 ， 而 只 关注 这 种 表示 的 实现 细节 。 

字段 应 该 占据 较 小 的 存储 空间 ， 即 仅 包 含 少 量 的 二 进 制 位 。 如 果 颜 色 缓 冲 区 占用 空间 
过 大 ， 则 无 法 存储 于 内 存 中 ， 所 以 在 不 影响 最 终 图 像 感知 质量 的 前 提 下 每 个 字段 应 尽 可 能 
紧 次。 此 外 ， 如 果 颜 色 缓冲 区 的 当前 工作 集 能 全 部 保 16 位 像素 
存在 处 理 器 的 高 速 缓存 中 ， 则 可 对 它 进行 有 序 访问 从 2 
而 速度 更 快 。 显 然 字 段 占用 位 越 少 ， 高 速 缓存 就 能 存 
人 更 多 的 像素 。 

每 个 像素 所 占据 的 位 数 是 机 器 字 长 度 的 整数 或 分 
数 倍 。 如 果 每 个 像素 刚好 占据 一 个 机 器 字 空 间 ， 则 存 
储 系统 能 够 进行 对 齐 读 写 操作 。 其 速度 通常 是 未 对 齐 
内 存 访问 的 两 倍 ， 因 为 后 者 对 两 次 相 邻 的 存 取 必 须 先 
实施 对 齐 操作 然后 再 合成 其 结果 。 基 于 硬件 的 矢量 操 
作 也 需要 通过 对 齐 内 存 访 问 以 读 取 一 组 相 邻 的 存储 位 
置 然 后 进行 并 行 处 理 。 这 对 于 一 个 有 32 个 分 量 的 矢 
量 结构 来 说 ， 可 提升 计算 性 能 32 倍 。 如 果 一 个 像素 





占据 位 数 倍 于 一 个 机 器 字 的 空间 ， 则 读 取 它 的 值 需要 6 位 通道 

做 多 次 内 存 访问 ， 不 过 仍 保留 了 矢量 化 和 对 齐 操作 的 ”图 14-5 根据 GL_R5G6B5 缓冲 区 格 

优点 。 如 果 一 个 像素 占据 的 空间 仅 为 一 个 机 器 字 的 几 式 ， 每 个 16 位 像素 中 包括 

分 之 一 ， 则 每 次 对 齐 访问 可 读 人 多 个 像素 ， 产 生 一 种 ee 

超级 矢量 化 的 效果 。 有 道 各 占 5 位 。 由 于 16 并 非 3 
一 种 常见 的 缓冲 区 格式 如 图 14-5 所 示 ， 它 是 一 个 的 倍数 ，“ 额 外 ”的 1 位 被 


采用 GL_R5G6B5 格式 的 3X3 缓冲 区 ,适用 于 16 位 分 配给 绿色 通道 





字 长 像素 的 归 一 化 定点 格式 。 在 64 位 字 长 的 计算 机 上 ， 一 个 标量 指令 能 读 写 四 个 像素 。 
考虑 到 人 眼 能 分 辩 数 百 个 灰 度 等 级 ， 每 个 颜色 通道 仅 用 5 位 表示 是 不 够 的 ， 而 取 8 位 
则 可 呈现 256 种 灰 度 等 级 ， 但 三 个 8 位 通道 需 占 用 24 位 ， 而 大 多 数 存储 系统 的 机 器 字 长 
为 2 的 宕 次 。 解 决 方案 之 一 是 将 像素 扩充 到 32 位 但 不 使 用 最 后 8 位 。 除 图 形 学 外 ， 此 方 
法 在 计算 机 领域 也 很 常见 一 一 编译 器 常 通过 添加 一 32 位 像素 
些 闲 置 的 空位 实现 数据 结构 各 字段 的 对 齐 ， 以 提高 Ee 
内 存 访问 效率 。 而 在 计算 机 图 形 学 中 则 经 常 利 用 这 
些 可 用 的 空间 存储 其 他 人 信息。 例如， 常见 的 GL_RG - 
BA8 格式 使 用 三 个 8 位 通道 存储 归 一 化 定点 格式 表示 
的 颜色 ， 而 剩余 的 那个 8 位 通道 则 存储 归 一 化 定点 
值 c<( 或 “alpha”， 用 “A” 表 示 )( 见 图 14-6) 。 这 个 
值 可 用 来 表示 覆盖 率 ， 当 = 0 时 观察 者 能 透 过 该 像 
素 看 到 后 面 的 物体 ， 而 当 一 1 时 像素 完全 不 透明 。 
很 明显 ， 对 于 大 多 数 显示 器 ， 即 使 颜色 缓冲 区 
中 像素 的 a 二 0， 人 们 的 视线 也 不 能 穿 透 显示 器 看 到 






其 后 面 。 但 是 ， 颜 色 缓 冲 区 并 不 仅 用 于 直接 显示 ， 8 位 通道 
我 们 可 能 在 绘制 一 幅 图 像 并 准备 将 它 与 另 一 幅 图 像 ”图 14-6 根据 Gr_RGBa8 缓冲 区 格式 ， 
进行 混合 。 在 编写 本 书 时 ， 我 们 准备 了 图 14-5 所 示 Bt 
的 水 平 、 垂 直 网 格 线 作为 绘图 程序 中 的 一 幅 图 像 ， ri pe pe 
图 中 呈现 “白色 ”的 像素 设置 为 “透明 ”状态 ， 即 的 值 均 位 于 [0，1] 内 。 在 一 
让 它们 的 a 二 0。 然 后 将 此 网 格 图 又 加 在 “R”“G” 个 32 位 的 存储 系统 中 ， 采 用 
等 文本 标签 上 。 根 据 网 格 图 像 的 颜色 缓冲 区 值 ， 网 i ep 
格 内 部 是 透明 的 ， 因 此 文本 标签 不 会 被 网 格 图 中 的 人 
白色 方块 所 覆盖 。 在 14. 10. 2 节 中 将 介绍 更 多 关于 像素 同时 屏蔽 那些 不 需要 的 
禾 盖 率 和 透 光 率 的 内 容 。 位 (在 对 图 像 的 多 个 像素 进行 
在 上 述 图 像 混 合 的 例子 中 ， 缓 冲 区 的 内 容 被 输 并 行 处 理 时 ， 两 个 像素 总 是 


入 给 算法 而 不 是 作为 图 像 直接 呈现 在 显示 屏 上 。 类 加 人 


似 的 情形 还 有 许多 ， 而 a 是 缓冲 区 所 存储 的 众多 量 中 唯一 不 能 直接 显示 的 数据 。 例 如 ， 我 
们 常 建立 一 个 与 颜色 缓冲 区 1 : 1 对 应 的 深度 缓冲 区 来 存储 从 投影 中 心 到 每 个 像素 内 可 见 
表面 之 间 的 距离 (在 第 15 章 中 将 展示 如 何 实 现 和 运用 深度 缓冲 区 ， 在 第 36 章 和 36. 3 节 中 
还 将 更 深入 地 探讨 该 方法 的 变异 和 可 供 替代 的 选择 )。 

另 一 个 例子 是 作为 模板 的 缓冲 区 ， 它 存储 了 一 个 任意 的 位 编码 ， 类 似 于 绘画 过 程 中 的 
物理 模板 ， 可 在 图 像 处 理 过 程 中 对 一 部 分 图 像 进行 屏蔽 ( 见 图 14-7) 。 


图 14-7 一 个 真实 的 “模板 ”是 裁剪 成 一 定形 状 的 一 张 纸 。 将 模 
板 放置 在 表面 上 并 涂 上 颜色 。 移 走 模板 后 ， 表 面 上 在 原 
模板 留 有 小 孔 的 位 置 处 被 涂 上 了 颜色 。 计 算 机 图 形 学 中 
的 模板 缓冲 区 可 提供 类 似 功能 





通常 模板 缓冲 区 只 需 占 用 少量 位 ， 所 以 常 将 它们 并 入 其 他 缓冲 区 中 。 图 14-8 所 示 为 
采用 GL_DEPTH24STENCIL8 格式 的 深度 和 模板 值 3X3 组 合 缓冲 区 。 
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帧 缓冲 区 是 由 多 个 大 小 相同 的 缓冲 区 组 成 的 数组 。 例 如 ， 一 个 帧 缓冲 区 可 能 包含 一 
个 GL_RGBA8 格式 的 颜色 缓冲 区 和 一 个 GL_DEPTH24STENCIL8 格式 的 深度 模板 缓冲 区 。 
这 些 缓冲 区 相当 于 存储 每 个 像素 属性 数据 的 并 行 数组 。 一 32 位 像素 
个 程序 可 能 设立 多 个 帧 缓冲 区 ,它们 与 单 属性 缓冲 区 形成 ”三 一 
多 对 多 的 关系 。 

为 什么 要 创建 一 个 抽象 层面 的 帧 缓冲 区 呢 ? 在 前 面 的 
例子 中 ， 一 个 缓冲 区 包含 4 个 通道 ， 另 一 个 缓冲 区 包含 2 
个 通道 (深度 和 模板 值 ) ， 为 何不 简单 地 将 它们 存储 为 一 个 
6 通道 缓冲 区 ? 原因 之 一 是 帧 缓冲 区 之 间 存 在 多 对 多 关系 。 
考虑 一 个 3D 造型 程序 ， 它 生成 相同 视点 下 同一 物体 不 同 
绘制 风格 的 两 幅 图 像 。 左 视图 为 消 隐 后 的 线 框图 ， 画 家 可 
以 看 到 细 分 后 的 网 格 模型 。 右 视图 为 真实 感光 照 图 。 这 两 








8 位 遍 首 


个 视图 采用 两 个 帧 缓冲 区 进行 绘制 。 它 们 共享 同一 个 深度 。 ”2?4 位 通道 

缓冲 区 但 有 不 同 的 颜色 缓冲 区 。 图 14-8 GL_DEPTH24STENCIL8 
使 用 多 个 帧 缓冲 区 的 另 一 个 原因 是 ， 尽 管 各 通道 所 占 he 

位 宽 的 语义 模型 来 源 于 具体 实现 的 要 求 ， 但 可 能 并 不 与 实 和 

现 过 程 相 匹 配 。 例 如 ， 由 于 源 于 连续 曲面 采样 以 及 一 般 绘 用 于 任意 掩 码 操作 的 8 

制 场景 的 空间 连贯 性 ， 深 度 缓冲 区 非常 适合 无 损 空间 压 位 模板 


缩 。 与 原始 表示 相 比 ， 压 缩 后 的 深度 缓冲 区 显著 地 减少 了 存储 空间 (并 由 于 消耗 更 少 的 存 
储 带 宽 而 加 快 了 访问 速度 )， 而 且 也 满足 API 中 语义 缓冲 区 格式 所 需 的 精度 要 求 。 基 于 上 
述 观察 ， 我 们 常 对 深度 缓冲 区 实施 压缩 存储 ， 但 在 语义 上 仍 将 其 表示 为 无 压缩 的 缓冲 区 
LHAM06.]。 为 利用 其 可 压缩 的 优点 ,在 使 用 硬件 绘制 器 中 的 专用 电路 予以 实现 时 ， 需 要 
将 深度 值 通道 与 其 他 通道 分 开 。 这 种 让 帧 缓冲 区 /颜色 缓冲 区 相 分 离 的 机 制 可 以 使 高 端 系 
统 得 以 高 效 的 低层 实现 ， 而 其 实现 细节 被 抽象 化 。 


14.4 建立 光线 光学 模块 

在 现实 世界 中 ， 光 源 发 射 光子 。 光 子 在 空间 中 发 生 散 射 并 与 介质 相互 作用 。 经 介质 散 
射 后 ， 部 分 光子 穿 过 一 小 孔 到 达 传 感 器 上 。 这 个 小 孔 可 以 是 观察 者 的 虹膜 ， 而 传感器 是 他 
的 视网膜 。 这 个 小 孔 也 可 以 是 相机 的 镜头 ， 而 传感器 是 相机 的 胶片 或 CCD。 真 实感 绘制 模 
拟 光 从 发 射 器 到 传感器 的 整个 传播 过 程 。 它 主要 依赖 于 5 类 模型 : 

。 光源 。 

@ 光 的 发 射 。 

e 光 的 传播 。 

e 材质 。 

@ 传感器 及 其 成 像 小 孔 、 相 关 光 学 (例如 相机 和 眼睛 )。 

现在 我 们 探讨 每 一 类 中 的 概念 和 一 些 经 过 抽象 但 保留 了 空间 、 时 间 和 实现 复杂 度 的 高 
层 属性 。 在 本 章 的 后 面 ， 我 们 将 介绍 每 一 类 中 的 常见 模型 ， 由 于 这 些 模型 之 间 交 互 影响 ， 





日 ” 帧 缓冲 区 (framebuffer) 是 原 用 来 存放 当前 帧 像素 的 帧 缓冲 器 (frame buffer) 概 念 的 抽象 。 虽 然 现 代 并 行 绘制 
术语 “ 帧 缓冲 区 ”是 对 历史 的 沿袭 ， 但 注意 它 并 不 是 一 个 真实 的 缓冲 区 而 是 存储 了 多 个 缓冲 区 (深度 、 颜 
色 、 模 板 等 ) 。 虽 然 老 的 “ 帧 缓冲 区 ”存储 了 多 个 “位 面 ” 或 每 个 像素 上 的 各 种 值 ， 但 它 通过 结构 数组 将 这 
些 值 存储 在 像素 中 。 不 过 结构 数组 不 适合 于 并 行 处 理 器 ， 数 组 结构 成 了 现代 “ 帧 缓冲 区 ”的 选择 。 
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因此 必须 先 理解 所 有 模型 才能 对 其 中 任意 模型 进行 改进 。 
虽然 本 章 的 前 几 节 已 经 讲述 了 很 多 细节 ， 这 里 还 有 一 个 我 们 总 结 得 出 的 高 层 原则 ， 该 

原则 将 贯穿 本 章 的 剩余 部 分 : 

w 高层 设计 原则 : 从 尽 可 能 宽广 的 视野 出 发 。 图 形 系统 中 的 元 素 并 不 如 同 我 们 所 愿 可 以 
清晰 地 相互 分 离 : 你 不 可 能 设计 一 个 理想 的 光 发 射 装置 而 不 考虑 它 对 光 传 输 的 影响 。 
在 高 层 考察 上 所 花费 的 时 间 可 让 我 们 降低 犯错 的 风险 ， 尽 管 这 会 使 最 终结 果 的 发 布 有 
所 延迟 。 


14. 4.1 光 


14. 4.1.1 可 见 光谱 

真实 光线 的 能 量 通过 光子 传播 。 每 个 光子 携带 了 一 定量 的 光 能 ， 一 东 强 光线 比 相同 光 
谱 的 一 束 弱 光 线 包含 了 更 多 的 光子 ， 而 不 是 所 含 光 子 的 能 量 更 强 。 每 个 光子 的 精确 能 量 决 
定 了 相应 的 电磁 波 的 频率 ， 这 一 频率 被 感知 为 颜色 。 低 频率 光子 呈现 红色 ， 高 频率 光子 呈 
现 蓝 色 ， 整 个 彩色 光谱 位 于 这 两 者 之 间 ( 见 图 14-9) 。 这 里 的 “ 低 ” 和 “高 ”是 相对 于 可 见 
光谱 而 言 的 ， 还 有 一 些 光子 的 频率 在 可 见 光谱 之 外 ,但 它们 对 绘制 效果 不 产生 直接 影响 ， 
所 以 通常 被 忽略 。 
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图 14-9 可 见 光谱 是 整个 电磁 波 频谱 的 一 部 分 。 我 们 所 感知 的 源 于 某 一 电磁 波 的 光 的 颜色 是 由 它 的 频率 
决定 的 。 而 频率 和 波长 的 关系 取决 于 电磁 波 传播 时 所 通过 的 介质 (由 Leonard McMillan 提供 ) 
人 类 视觉 系统 接收 到 的 光线 中 包含 了 各 种 频率 的 光子 ， 被 感知 为 由 不 同 光 子 所 组 成 的 
颜色 域 中 的 某 一 颜色 。 例 如 , “红色 ”和 “绿色 ”光子 的 混合 呈现 黄色 ， 且 几乎 难以 与 纯 
粹 的 “黄色 ”光子 相 区 别 。 这 种 混淆 ( 即 一 个 量 替 代 男 一 个 量 ) 给 我 们 带 来 的 好 处 是 显 而 易 
见 的 一 一 只 需 采 用 三 个 狭窄 频 段 即 可 合成 出 许多 颜色 。 数 字 照 相机 即 基 于 这 一 原理 一 一 因 
为 图 像 显示 时 只 用 到 三 个 频率 ， 所 以 仅 需 测量 三 个 值 ” 。 更 为 重要 的 是 ， 几 乎 所 有 的 3D 
绘制 (包括 电影 和 游戏 ) 在 计算 光子 的 贡献 时 都 将 其 归结 为 红色 、 绿 色 和 蓝 色 三 种 不 同 的 频 
率 ( 或 频段 ) 。 不 过 某 些 用 于 预测 的 绘制 确实 采用 了 更 多 的 光谱 采样 来 进行 模拟 。 以 后 我 们 
将 正式 地 将 之 表述 为 “采用 三 个 频率 进行 绘制 ”( 实 指 “ 采 用 三 个 频段 进行 绘制 ") 。 模 拟 
中 只 使 用 三 个 频率 能 减少 绘制 算法 的 时 间 和 空间 耗费 ， 但 它 也 带 来 了 两 个 局 限 性 。 第 一 个 





加 ”这 并 非 完 全 正确 ， 第 28 章 解 释 了 原因 。 
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et ne 三 个 频率 来 模拟 。 例 如 ， 布 的 颜色 在 荧光 灯 和 阳光 下 常会 显 
得 不 同 ， 尽 管 这 些 光 源 本 身 是 相似 的 。 部 分 原因 在 于 荧光 灯 管 是 由 一 组 窗 频 段 光 子 的 混合 
而 形成 的 白光 ， 而 太阳 光 则 覆盖 了 整个 可 见 光谱 。 第 二 个 局 限 是 泻 染 器 、 照 相机 、 显 示 咒 
在 合成 颜色 时 很 少 使 用 相同 的 三 个 频率 。 每 个 系统 所 能 感知 的 颜色 空间 ( 称 为 色 域 ) 稍 有 差 
异 。 对 于 特定 的 设备 ， 有 些 颜色 可 能 不 在 它 的 色 域 内 ， 因 而 无 法 获取 或 显示 这 些 颜 色 。 这 
意味 着 向 泻 染 器 输入 或 输出 的 图 像 数 据 必须 依据 所 给 设备 的 颜色 配置 文件 进行 调整 。 现 今 
大 多 数 设备 均 能 与 SRGB 标准 颜色 配置 文件 进行 自动 对 接 ， 以 最 小 化 这 些 设备 所 产生 的 颜 
色 偏 移 ， 但 色 域 不 能 完全 匹配 仍然 是 一 个 问题 。 











在 荧光 和 阳光 下 ， 布 的 不 同 外 观 构成 了 不 可 交换 原则 的 第 一 个 例子 (图 形 中 的 某 些 
操作 顺序 至 关 重 要 ， 但 考虑 速度 或 为 简单 起 见 ， 它 们 常常 会 被 忽略 )。 在 本 例 中 ， 计算 
反射 光 的 光谱 时 应 考虑 其 整个 光谱 ， 仅 当 需 要 为 三 色 显示 器 提供 待 显示 的 图 像 时 ， 才 
将 反射 光 表达 为 三 种 频率 光 的 采样 。 而 如 今 我 们 二 开始 就 对 光源 发 射 光 的 光谱 和 布料 
的 反射 率 进行 三 色 采 样 ， 然 后 针对 这 些 样 本 点 而 不 是 整个 光谱 进行 相 乘 操作 。 当 然 ， 
这 常 能 生成 足够 好 的 结果 ， 但 它 亦 可 能 导致 错误 。 








VY 不 可 交换 原则 : 在 图 形 学 中 ， 操 作 的 顺序 至 关 重 要 。 交 换 操 作 顺 序 会 提高 计算 效率 但 
可 能 产生 错误 结果 。 当 你 这 么 做 的 时 候 ， 应 该 确信 你 已 知道 这 些 。 
14. 4. 1.2 ”传播 
光子 的 传播 速率 取决 于 材质 。 在 真空 中 ， 光 速 为 c 二 3X10*m/s。 材 质 的 折射 率 是 真 
空中 的 光速 与 光 在 该 材质 中 传播 速度 的 比值 ， 
和 (14-1) 


对 于 常见 材质 ，s 二 c， 所 以 7>1( 例 如 ， 家 用 玻璃 ?>*1.5)。 精 确 传播 速度 和 折射 率 依 
0 普 范 围 内 变化 很 小 ， 因 而 通常 将 材质 在 所 有 波长 下 的 折 
射 率 近 似 为 一 。 该 近似 的 主要 局 限 性 是 ， 当 光线 进入 可 透射 介质 时 ， 其 折射 角 随 波长 
而 略 有 变化 ， pm dn 折射 角 却 取 为 一 个 常数 。 采 用 这 一 近似 时 不 能 绘制 出 彩虹 和 透 
过 棱镜 所 看 到 的 彩色 光谱 一 一 只 使 用 三 个 波长 来 模拟 时 ， 彩 虹 无 论 如 何 都 只 有 三 种 颜色 。 

在 计算 机 图 形 学 中 ， 通常 将 光子 的 波长 表示 成 与 时 间 频率 。 了 相关 的 量 ， 即 


S 


de (14-2) 


当 光 子 流 进入 不 同 介 质 时 ， i 其 波长 也 会 改变 。 但 在 图 形 学 中 假设 光 
谱 中 每 一 种 光子 的 波长 独立 于 传播 速度 ， 其 频率 指 在 大 多 数 情形 中 的 稳定 值 。 

光子 在 具有 均匀 折射 率 的 介质 体 ( 即 便 该 介质 的 化 学 成 分 或 结构 并 非 均 一 ) 内 沿 直线 传 
播 。 光 子 也 会 被 部 分 吸收 ， 这 就 是 为 什么 通过 厚 厚 的 玻璃 窗 观 察 时 ， 世 界 会 变 暗 。 若 两 相 
邻 介 质 体 具 有 不 同 折射 率 ， 在 其 边界 处 ， 光 通过 复杂 的 反射 与 折射 进行 散射 。 反 射 和 折射 
过 程 由 材质 的 微观 几何 和 化 学 属性 决定 。 第 26 章 将 详细 描述 光 的 物理 性 质 和 对 光 的 度量 ， 
第 27 章 将 讨论 光 的 散射 。 
14.4.1.3 单位 


光子 传输 能 量 ， 计 量 单位 是 焦耳 (J)。 与 人 类 的 时 间 尺 度 相 比 ， 它 们 的 传播 速度 实在 





加 波 的 时 间 频 率 是 用 1/s( 即 Hz) 度 量 ， 空间 频率 用 1/m 度量 。 光 子 的 空间 频率 是 1/4， 由 于 它 随 传播 速度 而 
变化 ， 所 以 在 图 形 学 中 很 少 使 用 。 





太 快 了 ， 演 染 器 只 是 模拟 所 观察 到 的 连续 光子 流 的 稳定 状态 。 光 子 流 的 功率 是 指 单位 时 间 
内 传输 的 能 量 ， 单 位 为 瓦特 (W)。 我 们 熟悉 的 家 电 标 签 中 往往 以 瓦特 或 千瓦 为 单位 来 标识 
它 的 耗 电量 。 当 今 常 见 的 家 庭 照 明 装置 只 能 将 其 所 耗 功率 的 4 名 一 10%% 转 化 为 可 见 光 ， 一 
般 而 言 ,“100W” 白 炽 灯 最 多 发 射 10W 的 可 见 光 ， 通 常情 况 下 是 4W。 

除了 用 瓦特 来 度量 功率 外 ， 在 绘制 中 还 常用 另外 两 个 度量 光 能 的 量 。 第 一 个 量 是 表面 
单位 面积 接受 或 朝 外 发 出 的 功率 ， 单 位 为 W/m? ， 称 为 光照 度 或 辐射 度 ， 它 对 于 度量 光 在 
无 光泽 的 漫 射 墙 面 间 的 传播 非常 有 用 。 第 二 个 量 是 单位 面积 表面 朝 单位 立体 角 所 发 出 的 功 
率 ， 测 量 单位 ?为 W/(m sr) ， 称 为 光亮 度 。 在 均匀 介质 中 光线 上 各 点 的 光亮 度 相 同 。 光 亮 
度 是 对 表面 上 的 一 点 向 另 一 表面 上 的 一 点 或 朝 成 像 平 面 上 某 一 采样 位 置 所 传输 光 能 的 量度 。 
14. 4.1.4 实现 

通常 方法 是 使 用 一 个 包含 3 个 分 量 的 通用 矢量 类 来 表示 所 有 这 些 量 (如 同 GLSL 和 
HLSL API 中 所 采用 的 方式 )， 不 过 在 通用 编程 语言 中 ， 通 常会 根据 光谱 频率 对 各 分 量 加 
以 命名 ， 如 代码 清单 14-1 所 示 。 


代码 清单 14-1 一 个 用 于 记录 三 个 可 见 频率 处 采样 数据 的 通用 类 


1 tlass COLor3. 1 








2 PuBLlLie: 

3 /** Magnitude near 650 THz ("red"), either at a single 
4 frequency or representing a broad range centered at 
本 650 THz, depending on the usage context. 650 THz 

6 photons have a wavelength of about 450 nm in air.x*/ 
yd fl1Oat 3 

8 

9 /*x* Near 550 THz ("green"); about 500 nm in air. */ 

10 Lg 可 

] 1] 

12 /x*x* Near 450 THz ("blue"); about 650 nm in air. */ 

13 float HD; 

14 

15 Coloxr3() 2 TO St BD) tg 

16 Golor(tElont FE; flioat. Hr loat BB) 3 E(E)y Sor BB} 
1 Color3 operator* (float s) const { 

18 Eeturn CIlOr3(s KK Ti 9 % Yr 疼 的 区 

19 } 

20 

2 





当然 可 以 通过 创建 不 同 的 类 来 区 分 功率 、 光 亮度 等 不 同 的 物理 量 。 但 在 编程 中 ， 常 将 这 些 
物理 量 简单 地 表示 为 通用 “颜色 ” 类 的 别名 以 减少 类 型 的 复杂 度 ， 例 如 代码 清单 14-2 所 示 。 


代码 清单 14-2 Color3 的 单位 语义 别名 


typedef Color3 Power3; 
typedef Color3 Radiosity3; 
typedef Color3 Radiance3; 
typedef Color3 Biradiance3; 





一 





因为 带宽 和 总 的 存储 空间 资源 有 限 ， 因 而 通常 为 每 个 随 频 率 变化 的 物理 量 选用 最 少 的 
二 进 制 位。 一 种 实现 策略 是 对 类 进行 参数 化 ， 如 代码 清单 14-3 所 示 。 





加 单位 “sr” 是 “立体 弧度 ”， 度 量 单位 球面 上 某 一 区 域 的 大 小 ， 更 多 细节 见 14. 11. 1 节 。 
加 在 第 28 章 中 将 讨论 为 什么 颜色 不 是 一 个 可 量化 的 现象 ， 这 里 我 们 使 用 的 是 领域 中 的 非 技 术 性 术语 。 
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代码 清单 14-3 ”一 个 Color 类 模板 和 实例 





template<class T> 
class Color3 { 
publics 

T rr gr by 


Color3(t) S. EO gO BO 人 


oOo 


}; 


10 /xx Matches GL RGB8 format */ 
11 typedef Color3<unint8> Color3un8; 


13 /*x* Matches GL_ RGB32F format */ 
14 typedef Color3<float> Color3f32; 


16 /x*x* Matches GL_ RGB16I format */ 
17 typedef Color3<unsigned short> Color3uil6; 





14.4.2 光源 

对 光源 进行 准确 建 模 并 不 难 ， 光 源 产 生 光 子 并 以 一 定 的 速率 将 它们 发 射 到 场景 中 。 光 
子 具 有 位 置 、 传 播 方 向 和 频率 ( 即 “ 颜 色 ”) 等 属性 。 给 定 这 些 属性 参数 的 概率 分 布 ， 即 可 
生成 许多 具有 代表 性 的 光子 并 跟踪 它们 在 场景 中 的 传播 。 所谓 “代表 性 ”是 指 真 实 的 图 像 
是 因 亿 万 个 光子 的 传播 形成 的 ， 但 计算 机 图 形 学 通常 仅 采样 数 百 万 个 光子 ， 便 可 较 好 地 模 
拟 该 图 像 ， 显 然 每 个 采样 的 光子 代表 了 许多 真实 的 光子 。 当 今 的 计算 机 和 绘制 算法 已 能 在 
数 分 钟 内 完成 上 述 模拟 并 生成 一 幅 图 像 。 光 子 发 射 过 程 本 身 并 不 费时 。 相 反 ， 后 面 的 跟踪 
过 程 却 耗费 大 部 分 的 处 理 时 间 ， 这 是 由 于 每 个 采样 光子 都 需 单独 处 理 ， 数 百 万 个 光子 与 数 
百 万 甚至 数 亿 个 多 边 形 交互 的 复杂 性 可 想 而 知 。 

为 了 进一步 加 快 绘制 ， 我 们 可 以 简化 光源 的 发 射 模型 ， 在 后 面 的 光 传 输 过 程 中 ， 将 沿 
着 同一 条 光线 传播 的 光子 合并 处 理 ， 这 也 是 实时 绘制 普遍 采取 的 一 种 近 侯 方法。 该 简化 模 
型 假定 同一 光源 的 所 有 光子 都 发 自 同 一 个 固定 点 。 因 而 绘制 算法 能 采用 从 固定 点 发 出 的 大 
量 光线 来 表示 光源 所 发 出 的 光子 。 如 前 所 述 ， 通 常 采 用 少数 频率 来 简化 对 整个 光谱 的 采 
样 ， 并 度量 光子 流 在 每 一 频率 上 所 发 射 的 平均 功率 。 通 常 采用 三 个 频率 来 表示 可 见 光 谱 ， 
分 别 对 应 于 “ 红 ”“ 绿 ”“ 蓝 ”三 种 颜色 (基色 )， 其 中 每 一 基色 代表 真实 光谱 某 一 区 间 内 光 
谱 值 的 加 权 和 ， 但 在 模拟 过 程 中 被 当 作对 该 区 间 中 点 的 采样 。Pharr 和 Humphreys 
LPH10] 采 用 了 更 精细 的 光谱 模型 ， 它 们 的 泻 染 器 对 光谱 曲线 做 了 更 好 的 抽象 。 


14. 4. 3 光 传 输 

在 计算 机 图 形 学 中 ,通常 采用 基于 非 平行 、 非 偏振 光 ( 稳 态 ) 假 设 的 几何 光学 来 描述 光 
的 传播 。 由 于 忽略 了 相位 和 偏振 ， 大 大 简化 了 模拟 过 程 。 在 这 一 模型 中 ， 光 子 在 真空 中 沿 
直线 传播 。 它 们 互 不 干涉 ， 只 需 简单 求 和 即 可 计算 出 其 贡献 的 总 的 光 能 。 基 于 这 一 简化 和 
离散 的 频率 采样 ， 一 束 光 子 流 完全 可 以 用 一 条 几何 光线 和 一 个 光亮 度 失 量 ( 采 用 光谱 中 的 
红 、 绿 、 蓝 基色 表示 ) 来 表示 。 


在 更 复杂 的 光 模型 中 ， 一 些 物理 学 家 对 光子 的 相位 进行 建 模 。 在 特定 条 件 下 这 些 
光子 会 相互 干涉 ， 产生 牛顿 环 等 现象 。 但 是 在 日 常 活动 中 很 难 察觉 到 牛 额 环 和 其 他 小 


尺度 的 衍射 事件 ， 所 以 它们 在 图 形 学 中 大 都 被 包 略 。 
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在 第 27 章 中 我 们 将 看 到 ， 忽略 光子 的 干涉 和 偏振 确实 简化 了 光 的 表示 ,但 却 会 使 材 
质 模型 变 得 复杂 。 例 如 ， 含 光泽 的 完美 的 反射 是 由 近 于 平行 的 光子 流 相互 干涉 导致 的 。 但 
在 光线 光学 中 未 考虑 光 的 干涉 ， 所 以 需 在 材质 模型 中 引入 特定 项 (如 费 涅 尔 系数 ) 来 模拟 这 
类 现象 。 当 然 也 可 以 采用 一 个 更 复杂 的 光学 模型 和 一 个 相对 简单 的 表面 模型 来 生成 相同 的 
图 像 。 然 而 从 建 模 和 构建 数字 表示 角度 ， 一 个 简单 的 材质 模型 并 不 一 定 易于 描述 宏观 现 
象 。 例 如 ， 将 一 块 砖 表示 为 红色 的 干 粘土 块 既 直 截 了 当 又 简洁 ， 而 将 它 表 示 为 10” 个 不 同 
构造 的 分 子 集合 至 少 是 非常 笨拙 的 。 


14. 4.4 材质 


图 形 学 中 有 很 多 材质 模型 ， 其 中 最 简单 的 模型 将 材质 考虑 为 能 散射 光线 的 几何 面 ， 而 
且 光 的 散射 仅 发 生 在 不 透明 物体 的 表面 ， 而 忽略 光子 与 表面 上 方 近 距离 内 空气 的 微量 交互 
以 及 发 生 在 表面 下 的 交互 。 表 面 散 射 模型 建立 在 上 述 假设 的 基础 上 ( 仅 考虑 不 透明 表面 )， 
从 而 大 幅度 地 降低 了 场景 的 复杂 度 。 例 如 ， 计 算 机 图 形 中 的 汽车 可 能 没有 引擎 ， 房 子 可 能 
只 有 一 个 表面 ， 也 就 是 说 ， 只 有 与 光 发 生 交 互 作用 的 物体 部 分 才 需 要 建 模 。 显 然 ， 此 模型 
难以 表示 光 与 物体 的 深层 次 交互 作用 ， 如 皮肤 和 雾 的 光照 效果 ， 而 仅仅 满足 了 绘制 要 求 。 
对 于 物体 的 动画 ， 我 们 还 需要 知道 像 关 节 位 置 和 质量 等 属性 。 

计算 机 图 形 学 的 绘制 结果 与 所 用 材质 模型 密切 相关 ， 这 使 得 人 们 常 使 用 不 同 的 材质 模 
型 以 表现 不 同 尺度 的 表面 细节 。 由 于 图 形 系 统 需要 支持 不 同 材质 模型 并 且 需 组 合生 成 中 间 
尺度 细节 ， 因 而 变 得 复杂 ， 但 它 能 创建 高 的 绘制 效率 ， 生 成 与 我 们 日 常 感知 相 匹配 的 绘制 
效果 。 例 如 ， 在 100 米 处 ， 你 可 能 观察 到 一 棵 杉 树 类 似 于 绿色 的 锥 体 ; 在 10 米 处 ， 你 可 
以 看 到 各 个 枝条 ; 在 1 米 处， 你 可 以 看 到 单个 针 形 的 杉 叶 ; 在 1 厘米 处 ， 就 能 发 现 叶 针 和 
树枝 上 的 微小 隆起 和 细节 。 在 光学 显微镜 下 你 可 以 看 到 单个 细胞 ， 而 在 电子 显微镜 下 甚至 
可 以 看 到 分 子 级 细节 。 在 本 章 中 ,我们 将 能 在 1 米 远 处 观察 到 其 轮廓 的 细节 视 为 大 尺度 细 
节 ， 比 这 些 尺 度 稍 小 但 裸眼 可 以 观察 到 的 细节 为 中 尺度 细节 ， 而 裸眼 察觉 不 到 的 为 小 尺度 
细节 。 


14. 4.5 相机 


无 论 是 对 于 生物 还 是 机 械 ， 镜 片 和 传感器 (眼睛 和 相 
机 的 构件 ) 都 很 复杂 。 从 摄像 师 的 角度 看 ， 理 想 的 镜头 应 
该 将 它 所 收集 到 的 来 自 场景 中 某 一 点 (焦距 范围 内 ) 的 所 
有 光 都 聚焦 到 成 像 面 上 (传感器 的 感应 面 ) 同 一 点 处 ， 而 
不 论 光 的 频率 和 该 点 在 成 像 平 面 上 的 位 置 如 何 。 真 实 镜 
头 的 几何 形状 并 不 完美 ， 它 会 导致 图 像 在 成 像 平面 上 发 
生 轻 微 扭 曲 并 使 图 像 边 缘 处 变 暗 ,产生 渐 早 效果 ( 见 
图 14-10) 。 它 们 也 会 导致 不 同 频率 的 光 不 能 聚焦 于 同一 
点 ， 从 而 形成 色差 ( 见 图 14-11 和 第 26 章 )。 相 机 制造 商 ”图 1410 该 照片 边缘 附近 逐渐 变 





试图 采用 多 个 镜片 的 组 合 弥 补 这 些 缺陷 。 但 遗憾 的 是 ， 暗 ， 这 一 现象 称 为 “ 尖 
复合 镜片 会 吸收 更 多 的 光 、 产 生 内 部 反射 并 散 焦 。 这 种 
内 部 反射 会 导致 镜头 眩光 一 一 它 源 于 在 同一 直线 上 一 系列 ， Gustavu 


Adolphus 学 院 的 Swan- 


虹膜 形状 的 镜片 与 强 光 在 成 像 面 上 形成 下 加 ， 见 图 14-12。 son 网 球 中 心 提供 ， 
明亮 物体 的 散 焦 现象 会 产生 光 晕 效果 。 真 实 胶片 对 光 的 感 shiftingpixel. com) 
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应 是 非 线 性 的 ， 并 可 能 包含 有 在 制造 中 形成 的 颗粒 。 数 字 成 像 对 热 噪声 敏感 ， 其 像素 之 间 
会 存在 小 的 差别 。 





图 14-11 相机 镜头 的 色差 导致 该 照片 中 对 象 边缘 处 呈现 彩虹 色 。 
这 是 因为 不 同 频率 的 光 对 应 不 同 的 折射 角 ， 致 使 图 像 
平面 上 出 现 色彩 偏 移 。 高 质量 的 相机 采用 多 重 镜片 来 
弥补 这 一 缺陷 (授权 : Corepics VOF/Shutterstock) 





图 14-12 在 这 张 图 片 中 , 来 自 太 阳 的 光束 、 半 透明 色彩 的 多 边 
形 和 沿 太阳 射线 的 光圈 可 归结 为 镜头 的 光 尝 效果 ， 系 
由 相机 的 多 重 镜片 之 间 的 强 光 反 射 所 导致 。 来 自 场景 
中 各 处 的 人 射 光 都 能 引发 这 种 反射 ， 但 跟 太 阳光 相 比 ， 
它们 太 暗 淡 了 ， 对 图 像 的 影响 几乎 无 法 察觉 (授权 : 
Spiber/ Shutterstock) 





由 于 在 简单 成 像 模型 中 ， 透 镜 被 视 为 理想 的 聚焦 装置 ， 传 感 器 则 被 视 为 理想 的 光子 测 
量 装置 ， 与 真实 相机 模型 相 比 ， 它 能 生成 更 高 质量 的 图 像 ， 因 此 无 需 再 使 用 真实 相机 模 
型 。 但 因为 镜头 有 眩光、 胶片 颗粒 感 、 光 晕 和 渐 晕 被 视 为 胶片 真实 感 的 一 部 分 ， 所 以 有 时 会 
通过 后 期 处 理 来 生成 这 些 效果 。 但 没有 必要 为 了 生成 这 些 效果 而 对 真实 的 相机 光学 成 像 进 
行 建 模 。 毕 竟 添 加 这 些 效果 是 为 了 图 片 更 美观 而 不 是 更 真实 ， 它 们 纯粹 源 于 相机 文化 一 一 
除了 光量 ， 其 他 所 有 效果 并 不 能 通过 裸眼 观察 到 。 


14.5 大 尺度 物体 几何 

本 节 将 介绍 常见 的 物体 表面 模型 。 许 多 绘制 算法 只 考虑 光 与 物体 表面 的 交互 。 有 些 绘 
制 方法 考虑 了 物体 的 内 部 ， 但 物体 边界 表面 仍 用 这 些 模型 来 表示 。14. 7 节 简 要 介绍 了 包 
含有 大 量 内 部 细节 的 物体 的 表示 方法 。 

有 些 物体 可 表示 为 具有 正 反 两 面 的 薄 面 。 蝴 蝶 的 翅膀 和 一 片 薄 布 可 以 采用 这 种 方式 来 
建 模 。 这 种 模型 不 存在 物体 “内 部 ”， 也 没有 体积 。 更 普遍 的 情况 是 ， 虽然 有 些 物体 有 体 
积 , 但 是 我 们 并 不 关心 其 内 部 细节 。 对 于 一 个 有 体积 的 不 透明 体 而 言 ， 其 表面 指 的 是 从 物 
体外 部 观察 到 的 物体 表面 。 因 为 内 表面 和 内 部 细节 不 可 见 ， 故 没有 必要 对 它们 进行 建 模 ， 
( 见 第 36 草 )。 为 了 剔除 物体 表面 的 内 侧面 ， 我们 将 多 边 形 定义 为 具有 方向 性 。 多 边 形 朝 
外 的 一 侧 的 面 是 多 边 形 的 正面 ， 朝 内 的 一 侧 的 面 是 多 边 形 的 背面 。 背 面 剔 除 程序 可 在 绘制 
过 程 的 早期 删除 每 一 多 边 形 朝 向 内 侧 的 面 。 此 时 ， 倘若 观察 者 进入 模型 内 部 并 尝试 观察 物 
体内 部 ， 他 看 到 的 是 只 有 单 侧 表面 的 空 膏 ， 如 第 6 章 所 示 。 上 述 情 况 可 能 因 程序 错误 偶尔 
发 生 在 游戏 中 。 由 于 物体 内 部 未 设置 细节 ， 且 物体 外 表面 的 内 部 一 侧 不 可 见 , 一 旦 视点 穿 
过 这 些 物 体 的 表面 而 进入 体内 ， 整 个 模型 会 突然 消失 。 

透 过 半 透 明 物 体能 看 到 它们 的 内 部 情形 和 背面 ， 所 以 需 加 以 特殊 考虑 。 常 将 它们 建 模 
为 具有 内 外 两 面 的 半 透 明 外 充 或 者 由 双 表 面 组 成 的 物体 : 其 中 一 个 为 物体 从 外 到 内 的 分 界 
面 ， 男 一 个 为 物体 从 内 到 外 的 分 界面 。 后 一 个 模型 对 于 模拟 光 的 折射 情形 非常 有 用 ， 此 时 
需 区 分 光线 进入 物体 和 离开 物体 这 两 种 情况 。 

物体 表面 和 几何 不 仅 在 绘制 时 有 用 ， 在 建 模 和 仿真 中 也 常 涉 及 几何 求 交 。 例 如 ， 被 咬 





过 一 口 的 冰淇淋 可 以 用 一 个 被 半球 体 截 项 的 圆锥 体 来 建 模 …… 当然 还 可 以 在 半球 面 上 减 去 
一 些 更 小 的 球体 (模拟 咬 后 的 四 痕 )。 仿 真 系统 中 常 使 用 碰撞 代理 几何 体 ， 它 比 需 绘制 的 几 
何 形状 要 简单 许多 。 如 一 个 由 百 万 个 多 边 形 网 格 表面 表示 的 角色 可 由 20 个 椭圆 体 组 成 的 
集合 来 模拟 。 而 检测 少量 椭圆 体 之 间 是 否 相交 所 需 的 计算 量 要 比 检测 巨大 数量 多 边 形 是 否 
相交 要 小 得 多 ， 且 可 感知 到 的 仿真 精度 并 不 因此 有 明显 的 损失 。 


14.5.1 网 格 


14.5.1.1 可 索引 的 三 角形 网 格 

在 图 形 中 可 索引 三 角形 网 格 ( 见 第 8 章 ) 是 一 种 非常 普遍 的 曲面 表示 方法 。 其 最 小 化 的 
表示 是 一 个 顶点 数组 和 一 个 记录 项 点 间 连 接 关系 的 索引 表 。 索 引 表 有 三 种 基本 的 构建 方 
式 : 三 角形 表 ( 有 时 也 称 为 三 角形 池 )、 三 角形 带 和 三 角形 扇 。 图 14-13 一 图 14-15 分 别 描 
述 了 这 三 种 表示 方法 ， 图 中 的 三 角形 的 顶点 均 按 逆 时 针 方 向 依 序 连接 ， 索 引号 从 0 开始 。 


0 这 14 
6 8 
全 
7 2 图 14-13 三 角形 列表 ， 也 称 为 三 角形 池 ， 包含 3n 个 索引 。 列 表 
3 4 10 1 


元 素 3t、3t 二 1、31 十 2 是 三 角形 上 项 点 的 索引 顺序 编号 


1 3 $ 
图 14-14 三 角形 带 包含 十 2 个 索引 。 三 角形 1 顶点 的 索引 顺序 
编号 如 下 : 当 t 为 偶数 时 ， 对 应 列表 元 素 t+、t 十 2、t 十 
0 2 4 6 1; 当 t 为 奇数 时 ， 对 应 列表 元 素 t、t 二 1、t 十 2 
YS 3 
A > 图 14-15 左 侧 为 用 三 角形 池 表 示 的 五 边 形 ， 右 侧 采 用 更 高 效 的 
IK- > 三 角形 扇 模 型 。 三 角形 扇 包含 十 2 个 索引 。 列 表 元 素 
VN -~ 0、: 十 1、* 十 2 是 三 角形 1 顶点 的 索引 顺序 编号 (索引 号 
13 5 1 对 ”十 2 取 模 ) 


14.5.1.2 其 他 网 格 结构 

每 一 种 索引 表示 方法 都 有 一 种 对 应 的 非 索引 表示 方法 。 在 非 索引 表示 中 ， 表 中 的 第 7 
个 元 素 对 应 索引 表示 方法 中 的 vertex [index[j]]。 这 些 非 索引 表示 方法 偶尔 会 用 于 流 
式 的 大 型 网 格 ， 这 些 网 格 的 数据 无 法 由 系统 装载 进 内 核 存 储 空间 。 由 于 需要 复制 顶点 内 容 
(往往 比索 引 所 占用 的 内 存 大 得 多 )， 所 以 这 种 方法 并 不 为 中 型 网 格 模型 所 青睐 。 

同样 ， 可 以 用 类 似 的 结构 构建 四 边 形 网 格 或 更 高 阶 的 网 格 。 但 三 角形 是 2D 单 形 ， 存 
在 以 下 优势 : 三 角形 总 是 平面 的 ， 可 执行 无 歧义 的 重心 插值 ， 不 会 发 生 自 交 ， 且 不 能 被 简 
化 为 更 简单 的 多 边 形 。 这 些 性 质 也 使 得 三 角形 更 易于 光栅 化 ， 更 易于 进行 光线 跟踪 和 采 
样 。 当 然 ， 像 城市 建筑 这 类 适宜 由 四 边 形 表示 的 模型 ， 改 用 三 角形 网 格 表示 会 增加 存储 开 
销 且 不 会 增加 模型 的 分 辨 率 。 
14.5.1.3 邻接 信息 

有 些 算法 要 求 能 高 效 地 计算 网 格 面 、 边 、 顶 点 之 间 的 邻接 信息 。 例 如 ， 考 虚线 画 程序 
中 如 何 绘制 一 个 凸 网 格 的 轮廓 线 ( 即 只 画 出 位 于 轮廓 上 的 边 ) 。 边 位 于 两 个 面 的 交界 线 上 ， 
倘若 两 个 面 中 只 有 一 个 面 朝向 观察 者 ， 则 这 条 边 为 轮廓 边 。 如 果 我 们 在 最 小 索引 网 格 基础 
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上 再 增加 一 些 附加 信息 来 描述 面 、 边 以 及 它们 之 间 的 邻接 关系 ， 则 可 迅速 地 判定 轮廓 边 。 
采用 这 种 表示 方法 时 ， 我 们 可 以 直接 遍历 边 ( 而 不 是 面 )， 并 能 以 恒 常 时 间 访 问 每 条 边 的 两 
个 邻接 面 。 

邻接 信息 仅 依 赖 于 拓扑 结构 。 在 网 格 动画 中 ， 只 要 网 格 未 被 “ 撕 裂 ”>， 就 可 以 对 该 网 
格 的 邻接 信息 进行 预计 算 。 代 码 清 单 14-4 给 出 了 包含 了 完整 邻接 信息 的 一 种 网 格 表 示 方 
法 。 在 该 代码 清单 中 ，Vertex 类 、Edge 类 和 Face 类 中 的 整数 为 对 表 的 尾部 类 定义 中 有 
关 数 组 元 素 的 索引 。 因 为 网 格 中 的 面 是 有 向 的 ， 构 成 面 的 各 顶点 在 顶点 索引 数组 中 的 顺序 
必须 与 之 对 应 。 这 种 基于 数组 表示 的 经 典 网 格 数据 结构 称 为 翼 边 多 面体 结构 [Bau72]( 见 第 
8 章 )。 

在 这 些 数据 结构 中 有 多 种 对 边 信息 进行 编码 的 方法 。 一 种 方法 称 为 有 向 半边 结构 ， 每 
条 半边 仅 属 于 一 个 面 ， 每 条 不 在 边界 上 的 边 有 两 条 半边 。 半 边 表 示 的 优点 是 从 面 的 任 一 顶 
点 的 索引 开始 顺序 跟踪 ， 便 可 得 到 面 的 朝向 。 缺 点 是 对 具有 两 个 邻接 面 的 边 ， 存 储 了 许多 
宛 余 信 息 。 采 用 一 种 常见 的 技巧 可 以 消除 这 种 存储 开销 ， 虽 然 它 会 使 代码 稍 显 迷 乱 。 对 每 
个 网 格 边 ， 该 方法 只 储存 其 中 一 条 半边 ， 当 构建 面 的 半边 索引 时 ， 如 果 储 存 的 半边 所 指 方 
向 与 当前 面 的 朝向 不 一 致 ， 则 取 其 索引 号 的 二 进 制 补 码 。 一 个 非 负 的 索引 号 e 的 二 进 制 补 
码 (C 语言 风格 写成 一 e) 必 定 为 负数 ， 所 以 这 种 方向 相反 的 边 的 索引 很 容易 识别 。 在 大 部 
分 体系 结构 中 二 进 制 补 码 操作 都 非常 高 效 ， 故 此 方法 只 需 增 加 很 小 的 开销 。 对 每 条 网 格 边 
都 可 以 采取 这 一 技巧 编码 其 邻接 面 的 索引 ， 表 明 是 所 储存 的 半边 还 是 其 反方 向 的 半边 应 出 
现在 该 面 中 。 


代码 清单 14-4 包含 完整 邻接 信息 的 网 格 表示 





struct Mesh 1{ 
enum NO_FACE = MAX_INT; 


1 
2 
3 
4 struct Vertex { 

汉 Point3 location; 
6 std::vector<int> edges; 

2 std::vector<int> faces; 

8 


9 

10 struct Edge { 

i i7Et vertices[2]; 
12 /* May be NO_FACE if this edge is on a boundary. */ 
13 int faces[2]; 

14 bs 

15 

16 struct Face { 

过 int vertices[3]; 
18 int edges[3]; 

19 }; 

20 

21 std: :vector<int> index; 

22 std: :vector<Vertex> vertex; 

23 std: :vector<Edge> edge; 

24 std: :vector<Face> face; 

2 





14. 5. 1.4 顶点 属性 

通常 会 给 网 格 的 顶点 添加 一 些 附 加 信息 。 常 见 的 泻 染 属性 有 法 向 、 纹 理 坐 标 和 切 空 间 
基 向 量 。 

曲面 的 多 边 形 近似 是 一 系列 小 平面 。 通 过 适当 的 着 色 方 法 可 使 它 看 起 来 如 同 曲 面 一 
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样 : 根据 曲面 几何 对 采样 点 进行 着 色 ， 但 在 光照 计算 过 程 中 采用 另 一 方式 计算 其 表面 朝 
向 ， 具 体 方法 如 第 6 章 所 述 。 常 见 的 确定 表面 朝向 的 方法 是 在 每 个 顶点 处 给 出 理想 的 曲面 
法 向 ， 在 每 个 多 边 形 内 部 则 取 这 些 法 向 的 插值 。 

纹理 坐标 是 为 每 个 顶点 设 定 的 点 数据 或 向 量 数据 ， 用 以 建立 从 模型 表面 到 纹理 空间 的 
映射 。 常 通过 纹理 来 定义 表面 的 材质 属性 ， 例 如 反射 属性 (“颜色 ”)。 最 常见 的 是 通过 2D 
参数 坐标 实现 从 表面 某 一 区 域 到 纹理 空间 一 个 2D 矩形 区 域 的 映射 。 此 外 也 常见 将 其 映射 
到 1D 空间 、3D 体 空间 和 3D 球体 的 2D 表面 ， 第 20 章 会 讨论 其 具体 细节 。 依 据 具 体 的 参 
数 化 方式 和 应 用 ， 最 后 一 种 映射 也 称 为 立方 体 上 映射 、 球 面 映射 或 环境 映射 。 

曲面 上 任 一 点 处 的 切 空间 是 在 该 点 处 与 曲面 相 切 的 一 个 平面 。 网 格 面 的 切 空间 在 网 格 
边 和 顶点 处 无 定义 。 然 而 当 网 格 顶 点 具有 法 向 时 ， 隐 传 表示 了 此 处 的 切 平面 信息 (此 平面 
垂直 于 顶点 的 法 向 )。 网 格 面 ( 边 ) 上 各 点 处 的 插值 法 向 类 似 地 隐 含 了 该 点 处 的 切 平面 信息 。 
许多 绘制 算法 依赖 于 曲面 切 平 面 的 朝向 。 例 如 ， 头 发 绘制 算法 将 头发 表示 成 一 个 蒙 在 头 上 
的 “ 头 泵 ”， 该 算法 需要 知道 表面 上 每 点 处 头发 的 朝向 ( 即 它 是 朝 哪 个 方向 梳理 的 )。 切 空 
间 基 向 量 用 于 确定 朝向 ， 它 是 切 平面 中 一 对 线性 无 关 的 向 量 ( 通 常 是 为 正 交 的 单位 向 量 )， 
可 如 同 着 色 用 的 法 向 量 一 样 在 网 格 表面 上 进行 插值 ， 当 然 ， 插 值 获得 的 基 向 量 可 能 不 再 是 
正 交 的 ， 长 度 也 可 能 改变 ， 所 以 需 对 持 值 获得 的 基 重 新 进行 单位 化 ， 其 至 调整 其 方向 重新 
正 交 化 。 但 如 第 25 章 中 所 描述 的 ， 并 不 是 总 能 在 一 个 封闭 曲面 的 每 一 个 点 处 获得 这 样 一 
对 切 空 间 基 向 量 。 
14.5.1.5 网 格 的 高 速 缓存 和 预计 算 信息 

前 一 节 描 述 了 在 每 个 顶点 上 增添 信息 来 扩展 网 格 的 表示 模型 。 此 外 ， 我 们 也 常 预先 计 
算 网 格 的 某 些 属性 ， 比 如 曲率 信息 (以 及 前 面 提 到 的 邻接 信息 )， 并 将 它们 保存 在 顶点 处 来 
加 速 后 续 的 计算 。 甚 至 可 以 在 顶点 处 计算 某 些 代价 高 昂 的 函数 值 ， 然 后 通过 重心 插值 来 获 
得 它们 在 网 格 内 部 (甚至 被 网 格 包含 的 体内 ) 任 一 点 处 的 近似 值 。 

Gouraud 着 色 即 为 一 例 。 在 绘制 某 一 由 时， 我 们 计算 并 存储 顶点 处 的 直接 光照 ， 在 每 个 
面 内 部 则 对 这 些 存储 值 进行 插值 。 这 曾 是 所 有 光栅 化 绘制 的 常用 方法 ， 如 今 主 要 为 针对 比 像 
素 小 的 三 角形 的 绘制 程序 所 采用 ， 此 时 插值 并 不 会 使 着 色 分 辨 率 有 所 损失 。 在 电影 工业 中 流 
行 的 微 多 边 形 泻 染 器 即 采用 这 种 方法 。 在 绘制 过 程 中 ， 泻 染 器 将 对 大 的 多 边 形 进行 细 分 ， 直 
至 每 一 多 边 形 都 小 于 一 个 像素 LCCC87]， 以 保证 屏幕 空间 里 有 足够 稠密 的 顶点 。 由 于 当今 处 
理 器 性 能 增长 速度 快 于 屏幕 分 辩 率 增加 的 速度 ， 在 每 个 像素 处 计算 其 直接 光照 已 不 再 被 认为 
是 高 耗费 。 不 过 ， 场 景 复 杂 度 增长 更 快 ， 因 而 有 些 算法 中 仍然 计算 顶点 处 的 全 局 光照 ， 如 环 
境 遮 挡 ( 对 因 周 围 景物 遮挡 引起 的 光亮 度 减少 的 估计 ) 或 物体 间 的 漫 反射 效果 [Bun05]。 

显然 ， 网 格 的 顶点 构成 一 种 自然 的 数据 结构 ， 基 于 它 所 记录 的 值 可 描述 任意 一 个 浮 数 
的 分 片 线性 近似 ， 如 第 9 章 所 述 。 这 种 方法 的 缺点 是 ， 由 于 受 建 模 过 程 所 限 ， 分 片 近 似 可 
能 并 不 能 理想 地 表述 任意 函数 。 例 如 ， 艺 术 家 在 构建 网 格 模型 时 ， 会 使 用 尽 可 能 少 的 三 角 
形 来 通 近 物体 的 外 表面 。 因 此 表面 上 大 而 平坦 的 区 域 会 包含 较 少 的 三 角形 。 此 时 如 果 我 们 
仅 在 顶点 处 计算 全 局 光照 ， 则 由 于 这 些 区 域内 顶点 太 少 ， 导 致 光照 计算 结果 非常 模糊 。 

除了 简单 地 提高 每 一 处 的 细 分 程度 ， 还 有 两 种 常用 的 解决 方法 。 第 一 种 方法 在 对 存储 
于 顶点 处 的 函数 进行 计算 时 ， 对 网 格 三 角形 进行 自 适应 细 分 [Hec90]， 直 到 每 一 个 三 角形 
内 该 函数 线性 近似 的 误差 足够 小 。 第 二 种 方法 定义 一 个 从 网 格 曲面 到 纹理 空间 的 可 逆 的 、 
近似 等 角 的 映射 ， 然 后 将 给 定 的 函数 值 编 码 成 一 幅 纹理 图 案 。 后 者 对 于 变化 较 大 的 函数 更 
有 效 ， 在 这 种 情形 中 ， 难 以 预先 知道 函数 值 急剧 变化 的 位 置 。 如 今 这 种 方法 比 逐 个 顶点 地 
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进行 计算 更 为 流行 。 例 如 ,许多 游戏 依赖 于 光照 映射 图 ， 它 将 静态 场景 的 全 局 光照 预计 算 
结果 存储 在 纹理 中 。 如 果 场 景 中 只 有 少量 物体 在 移动 ， 结 合 实时 直接 光照 计算 ,该 方法 可 
提供 对 真实 全 局 光照 的 合理 近似 。 传 统 的 光照 映射 图 仅仅 记录 了 入 射 光 的 光 强 ， 在 后 来 的 
一 些 演 染 库 中 还 记录 了 入 射 光 的 方向 LPRT，AtiHL2]。d’”Eon 等 人 对 表面 下 散射 的 研究 
LdLE07j 在 纹理 空间 对 动态 数据 进行 编码 ， 称 之 为 纹理 空间 漫 射 。 


14. 5.2 隐 式 曲面 


有 些 几 何 基 元 可 以 方便 地 用 简单 方程 来 描述 ， 它 们 与 我 们 现实 生活 中 常见 的 形状 密切 
相关 。2D 形状 包括 直线 、 线 段 、 椭 圆 弧 (包括 完整 圆 )、 和 矩形 、 三 角 表 达 式 (如 正弦 波 ) 以 
及 低 阶 多 项 式 曲 线 。3D 形状 包括 球 、 圆 柱 体 、 立 方 体 、 平 面 、 三 角 曲 面 、 二 次 曲面 和 其 
他 低 阶 多 项 式 曲面 。 

简单 的 基 元 可 以 通过 隐 式 方程 或 显 式 参 数 方程 表示 ， 如 第 7 章 所 述 。 我 们 在 这 里 做 一 
个 简单 的 回顾 。 

一 个 隐 式 方程 是 一 个 作用 于 点 的 测试 函数 f/: R 一 人 R。 该 函数 对 空间 中 的 点 进行 分 类 : 
对 于 任意 点 P, 或 者 FCP)>0， 或 者 f(P) 二 0, 或 者 f(P) 二 0。 满足 f(P) 二 0 的 点 构成 
了 由 f 定义 的 隐 式 曲面 ; 按照 惯例 ， 满 足 FCP) 一 0 的 点 被 认为 位 于 曲面 内 部 ， 余下 的 点 
则 位 于 曲面 外 部 。 这 一 曲面 即 为 该 函数 的 水 平 集 ( 第 0 层 ) 或 等 值 面 ( 值 为 0) 的 一 个 实例 。 

例如 ， 对 于 法 向 为 n 并 经 过 Q 点 的 平面 ， 其 测试 函数 可 取 为 

f: RI>R: P>(P—Q).n (14-3) 
对 于 平面 上 的 每 一 个 点 了 P，f(P)= 二 0。 对 于 与 Q 十 五 同一 侧 的 点 ， 7CP) 三 05 而 位 于 平面 
男 一 侧 的 点 则 有 f(P) 二 0。 

显 式 方程 或 参数 方程 以 标量 参数 形式 定义 了 平面 上 的 点 。 可 利用 这 种 函数 来 生成 表面 

上 的 点 。 一 个 平面 的 显 式 表示 形式 为 

g: RXR—>R’: (u, v)—>uhwkt+Q (14-4) 
其 中 hh 和 k 是 平面 上 两 个 线性 无 关 的 向 量 。 对 于 任意 数 妈 和 vw， 点 gC(u，wv) 位 于 平面 内 。 
第 7 童 给 出 了 球面 和 椭 球 面 的 隐 式 方程 和 参数 化 描述 ， 以 及 其 他 几 种 常见 形状 的 参数 化 描 
述 ， 如 圆柱 面 、 圆 锥 面 和 圆 环 面 。 所 有 这 些 以 及 更 一 般 的 隐 式 曲面 将 在 第 24 章 中 讨论 。 
14. 5.2.1 光线 跟踪 隐 式 曲面 

隐 式 曲面 模型 对 于 光线 投射 和 其 他 基于 求 交 的 操作 非常 有 效 。 对 于 光线 跟踪 ， 我 们 将 

起 始点 为 A 方向 为 w 的 光线 表达 为 如 下 参数 形式 

g(t)=A+tw (14-5) 
将 其 代入 平面 隐 式 方程 后 求解 此 方程 的 根 ， 即 可 获得 光线 与 平面 的 交点 。 我 们 希望 获得 满 
足 f(g(?)) 二 0 的 参数 值 :。 因 而 


ee Re (14-6) 

Ce el (14-7) 

所 以 z= QQ 一 如) "天 (14-8) 
wn 


对 于 任意 一 种 曲面 ， 如 果 将 光线 的 参数 形式 代入 方程 后 能 得 到 有 效 闭 式 解 ， 则 均 可 以 
使 用 相同 的 求解 过 程 。 

对 于 一 个 球 心 为 Q 半 径 为 r 的 球面 ， 我们 可 以 将 它 表示 为 隐 式 形式 f(P)== 上 Q 一 P||? 
一 r”。 将 光线 参数 形式 代入 并 将 左边 设 为 0， 得 到 
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0= | 上 (4A 二 ) 一 Q||: 一 于 (14-9) 
”A= Qa (14-10) 
Fi ee tn sr A td (14-11) 
= (||(A—Q)| rr)+2A—Q) :wllwllr (14-12) 


这 是 一 个 关于 t 的 二 2 a 十 WW 十 c=0， 其 中 &= |@l|*，56==2CA 一 QD) ww ct 三 中 (A= 
Q) | 一。 可 以 用 一 元 二 次 公式 求解 光线 和 球面 的 所 有 交点 。 

课 内 练习 14. 1 (a) 利用 二 次 公式 写 出 解 的 表达 式 ， 并 简化 。 

(b) 如 果 二 次 方程 其 中 一 个 根 t: 二 0， 这 表示 什么 ”其 中 一 个 根 t 二 0 又 表示 什么 ? 

一 般 地 ， 如 果 二 次 方程 满足 如 一 4ac 二 0， 那 么 它 只 有 一 个 根 。 这 对 应 于 光线 和 球面 求 

交 中 的 什么 情形 ? 

更 一 般 的 二 次 方程 用 于 求解 光线 与 椭 球 面 或 双 曲 面 的 交点 。 求 解 光 线 与 圆 环 面 的 交点 
时 将 涉及 高 阶 多 项 式 。 对 于 更 一 般 的 形状 ， 需 要 求解 的 方程 可 能 非常 复杂 。 将 光线 参数 形 
式 代 入 隐 式 曲面 函数 所 产生 的 方程 如 果 有 多 个 根 ， 则 表明 存在 多 个 交点 。 第 15 草 将 对 光 
线 投射 及 求 交 结果 作 进 一 步 讨论 和 解释。 

当 隐 式 曲 面 不 能 高 效 地 提供 解析 解 时 又 会 如 何 ? 如 果 隐 式 曲 面 函 数 是 连续 的 ， 并且 将 
物体 内 部 的 点 映射 为 负 值 ， 将 物体 外 部 的 点 映射 为 正 值 ， 那 么 任何 求 根 算法 ， 如 牛顿 - 拉 














普 森 [Pre95] 方 法 ， 都 可 以 找到 零 值 点 ， 也 就 是 找到 曲面 。 本 节 “ 隐 式 曲面 ”通常 指 这 类 
模型 和 求 交 算 法 。 


由 多 个 定义 于 不 同 原点 的 简单 基 函 数 之 和 表示 的 隐 式 曲面 常用 于 天 官 和 “水 滴 状 ”天 
状 建 模 ( 见 图 14-16)， 称 之 为 滴 状 建 模 或 元 球 建 模 [ Bli92a]。 





图 14-16 水 滴 状 模型 ， 每 一 滴 都 由 多 个 3D 高 斯 密度 函数 之 和 的 等 值 线 定义 [Bli82a]( 原 图 由 James Blint 
O1982 ACM，Inc. 所 有 ， 获 准 转 载 ) 


14. 5. 3 样 条 曲面 和 细 分 曲面 
我 们 已 经 看 到 ， 光 滑 形状 可 以 在 3D 空间 中 由 定义 其 曲面 上 曲线 的 任意 表达 式 来 建 模 ， 
也 可 以 由 一 系列 固定 函数 之 和 生成 的 隐 式 曲面 来 建 模 。 样 条 曲线 和 样 条 曲面 片 、 细 分 曲线 和 
细 分 曲面 是 上 述 两 类 方法 之 间 的 另 一 种 曲面 表示 方法 。 样 条 是 一 条 简单 的 分 段 线性 多 项 式 曲 
线 ， 在 每 一 区 间 内 通常 表示 为 四 个 预定 义 的 基 函 数 的 线性 组 合 ， 而 其 组 合 系数 是 点 ， 
需 存 储 这 些 系数 就 可 以 紧凑 地 表示 曲线 。 样 条 曲面 片 可 通过 类 似 的 方法 表示 为 一 些 双 变 
函数 的 线性 组 合 ， 其 组 合 系数 也 同样 是 点 。 采 用 固定 的 数学 | 
且 ， 由 于 基 峭 数 是 精心 构造 的 ， 低 阶 多 项 式 使 得 光线 求 交 、 采 样 、 求 取 切 向 和 法 向 等 计算 有 
效 而 快速 。 通 过 多 个 曲面 片 的 光滑 拼接 可 以 构建 任意 复杂 的 曲面 (实际 上 ， 样 条 曲面 是 大 多 
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数 CAD 建 模 系统 的 核心 )。 有 多 种 形式 的 样 条 ， 本 于 各 自 对 基 郴 数 的 选择 。 图 形 学 中 通常 
采用 三 次 多 项 式 曲 面 片 ， 可 以 产生 法 向 连续 变化 、 没 有 尖 角 的 曲面 。 更 一 般 的 样 条 ， 如 非 均 
et tt ty he ent et sre 绘制 样 条 曲面 时 ,或 将 其 离散 采样 成 
多 边 形 ,或 者 利用 牛顿 - 拉 普 森 等 求 根 方法 直接 求 取 光线 与 它 的 交点 。 

细 分 曲面 是 通过 递归 地 细 分 和 光 顺 (使 用 精心 设计 的 规则 ) 一 个 初始 网 格 所 获得 的 平滑 形 
状 ( 见 图 14-17) 。 已 有 许多 面向 网 格 的 建 模 工具 和 算法 ， 而 细 分 曲面 是 一 种 可 将 这 些 工 具 延 
伸 到 曲面 上 的 实用 途径 。 该 建 模 方法 尤其 适合 基于 多 边 形 的 绘制 ， 因 为 在 绘制 中 只 须 将 网 格 
细 分 到 屏幕 像素 的 空间 分 辩 率 即 可 。 也 因为 如 此 ， 与 其 他 光滑 曲面 表示 相 比 ， 图 形 硬 件 实现 
中 也 更 倾向 于 采用 细 分 曲面 。 例 如 ， 栅 格 曲面 、 物 体外 壳 和 几何 着 色 器 都 采用 细 分 曲面 方法 
把 网 格 转换 为 图 形 硬 件 管 线 内 部 的 网 格 。 如 同 其 他 所 有 的 曲线 和 曲面 表示 方法 ， 这 一 方法 面 
对 的 一 个 主要 挑战 是 当 表 面 上 尖锐 的 折 皱 和 光滑 面 片 之 间 的 边界 条 件 混 在 一 起 时 如 何 处 理 。 
构建 可 兼容 两 者 的 有 效 而 便捷 的 表示 是 一 个 活跃 的 研究 领域 。 目 前 已 经 取得 了 很 大 的 进展 ， 
正 被 用 于 实时 绘制 中 [CC98，HDD+ 94，VPBM01，BS05，LS08，KMDZ09 ]。 





图 14-17 上 图 : 利用 近似 Catmull Clark 细 分 曲面 实时 绘制 视频 游戏 中 Team Fortress 2 的 一 个 角色 。 下 
图 : 细 分 网 格 (投影 到 极限 面 上 ) 边 缘 为 黑色 ， 特 殊 裙 皱 边 缘 用 亮 绿 色 显 示 ( 授 权 : 上 图 ， 
Valve 版 权 所 有 ; 下 图 ，Densis Kovacs，2010 ACM) 


14. 5.4 高 度 场 

mn hh ni det ela ee ih 
只 有 单一 的 “高 度 ”z。 对 于 整体 较 平 坦 但 局 部 包含 显著 细节 的 大 范围 表面 ， 如 地 形 、 海 
eg et rt 
得 它 不 能 表示 悬挂 物 、 陆 地 上 的 桥梁 、 洞 穴 或 碎 浪 。 根 据 聪 明 建 模 原 则 ， 你 只 有 确定 这 些 
构 形 特征 不 重要 时 ， 才 使 用 高 度 场 。 在 稍 小 的 尺度 上 ， 高度 场 可 以 附 在 网 格 或 其 他 曲面 形 





式 上 来 表示 表面 的 位 移 。 例 如 ， 我 们 可 以 用 一 个 平面 表示 瓷砖 地 面 ， 再 加 一 个 高 度 场 表 示 
瓷砖 之 间 的 泥浆 线 。 这 类 方法 常 被 称 为 位 移 映射 和 四 凸 纹理 映射 LBli78]。“ 高 度 ” 相 对 于 
表面 的 朝向 而 言 一 一 它 表 示 了 沿 着 法 向 方向 偏离 基 平 面 或 基 曲 面 的 距离 ， 因 此 我 们 只 需 简 
单 地 旋转 参考 坐标 系 ， 就 可 以 使 用 一 个 高 度 图 来 表示 一 个 小 木屋 的 墙壁 。 








图 14-18 左 图 : CryEngine2 中 的 水 面 高 度 场 。 右 图 : 动态 高 度 场 的 实时 绘制 LMit07] 
(授权 : Tiago Sousa，( Crytek 提供 ) 

高 度 场 可 以 表示 成 一 个 连续 的 函数 ， 壁 如 一 系列 余弦 波 之 和 ， 或 若干 控制 点 的 插值 。 
后 者 对 于 仿真 、 建 模 和 测量 数据 尤为 适用 。 控 制 点 可 能 取 不 规则 分 布 以 便 对 给 定形 状 进行 
高 效 离 散 ( 例 如 ， 一 个 不 规则 三 角 网 络 (TIN), 或 ROAM 算法 [LDWS’* 97]), 或 者 它们 取 
规则 分 布 使 相关 算法 得 以 简化 。 由 于 不 能 用 来 表示 悬挂 物 ， 高 度 场 通常 被 用 作 建 模 的 基本 
元 素 然后 再 转化 为 一 般 的 网 格 。 这 些 网 格 不 再 受 高 度 场 约束 而 可 被 进一步 编辑 。 


14.5.5 点 集 


高 度 场 、 样 条 曲面 、 隐 式 曲面 和 其 他 基于 控制 顶点 的 表示 方法 都 定义 了 通过 对 给 定点 
集 数据 的 插值 来 构建 曲面 的 方法 。 当 给 定点 变 得 稠密 时 ， 由 于 插值 距离 缩小 ,不 同 的 插值 
方案 对 所 生成 曲面 形状 的 影响 也 会 减少 。 因 此 构建 任意 复杂 形状 模型 的 一 个 自然 选择 是 使 
用 密集 点 集 并 采取 最 为 高 效 的 插值 方法 。 此 方法 对 于 测绘 表面 尤其 适用 ， 因 为 测量 过 程 中 
将 自动 获得 密集 点 集 。 

基于 点 的 建 模 往往 基于 高 密度 点 集 ， 使 之 在 预 设 的 视点 和 分 辨 率 下 能 达到 每 个 像素 约 
一 个 点 的 密度 ， 如 图 14-19 所 示 。 插 值 则 在 填补 采样 点 之 间 的 空 际 。 抛 雪 球 算法 即 为 这 样 
一 种 高 效 的 插值 方法 : 每 一 个 点 都 被 光栅 化 成 一 个 小 球 (或 面向 观察 者 的 小 圆 盘 )， 因 而 点 
之 间 的 空隙 被 覆盖 ， 且 其 整体 形状 与 点 集 十 分 贴近 。 它 实际 上 是 一 种 卷 积 形式 ， 等 同 于 由 
各 采样 点 处 径 向 函数 所 定义 的 隐 式 曲面 ， 其 中 径 向 函数 快速 地 衰减 至 零 ( 故 很 容易 计算 ) 。 
由 此 我 们 可 以 直接 对 一 个 点 集 进行 光线 追踪 (与 相关 的 隐 式 曲面 进行 光线 求 交 )。 





a) b) c) 
图 14-19 a) 一 个 附加 了 曲面 属性 的 点 集 。b) 按 当前 分 辨 率 对 点 进行 绘制 时 留 下 的 空 际 。c) 由 原始 点 
集 的 抛 雪 球 插值 所 定义 的 曲面 [PZvBG00] (授权 : 计算 机 科学 Wang 讲座 教授 Hanspeter 
Pflister 提供 ，@2000ACM) 
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尽管 基于 点 的 表示 方法 十 分 适合 于 测量 数据 ， 但 是 在 动画 、 建 模 和 存储 的 效率 上 仍 面 
临 挑战 ， 目 前 它 主要 用 在 科学 和 医学 领域 而 不 是 娱乐 和 工程 领域 。 


14.6 远 距离 物体 


对 于 那些 在 屏幕 上 投影 面积 较 小 或 者 距离 视点 较 远 因而 可 以 忽略 其 视差 的 物体 ， 其 绘 
制 性 能 可 以 进一步 提高 。 在 透视 投影 下 ， 视 域 四 棱锥 中 大 部 分 可 见 物体 都 离 视点 较 远 ， 这 
些 物 体 上 的 小 尺度 细节 将 难以 分 辨 。 通 过 简化 远 距 离 物体 或 小 物体 的 几何 细节 ， 我 们 可 以 
提高 绘制 性 能 而 对 图 像 质量 只 造成 轻微 影响 。 实 际 上 ， 简 化 表示 甚至 可 能 提高 图 像 质 量 ， 
因为 剔除 微小 细节 可 避免 它们 引起 的 图 像 走样 ， 对 动画 而 言 效果 尤为 明显 (第 25.4 节 对 此 
将 作 进 一 步 讨 论 ) 。 
14.6.1 层次 细节 

图 形 学 中 常 对 单个 物体 构建 不 同 层次 的 几何 细节 模型 ， 绘 制 时 基于 物体 在 屏幕 空间 上 
的 投影 面积 来 选择 相应 的 细节 层次 。 这 称 为 层次 细节 (LOD) 技 术 LHG97，Lue01]。 离 散 
LOD 表示 中 包含 了 几 个 不 同 的 模型 。 在 切换 层次 或 对 模型 进行 变形 时 ， 可 通过 融合 稍 低 
层次 细节 模型 和 稍 高 层次 细节 模型 图 像 来 抹 去 过 滤 痕 迹 。 连 续 LOD 表示 则 以 一 种 模型 结 
构 内 区 的 参数 化 方式 实现 连续 的 形变 过 渡 。 

当 实 际 几 何 细节 被 抹 去 后 ， 为 了 减少 因 简 化 几何 细节 而 引起 的 感知 缺失 ， 常 使 用 纹理 
图 来 近似 表示 被 删除 的 几何 细节 。 例 如 ， 模 型 中 高 清晰 的 细节 变化 常 采 用 几何 表示 ; 中 等 
分 辨 率 的 细节 可 使 用 法 向 映射 或 位 移 映射 来 模拟 ; 最 低 分 状 率 的 细节 则 通过 调整 着 色 算 法 
来 重 现 亚 像素 尺度 上 几何 细节 的 绘制 效果 。 

高 度 场 是 一 种 可 简单 地 实现 LOD 的 特殊 情形 。 因 为 高 度 场 数据 相当 于 2D 的 高 程 “图 
像 ”， 因 此 用 于 图 像 缩放 的 滤波 操作 (第 19 章 ) 即 可 生成 高 度 场 的 低 分 辨 率 版 本 。 


14.6.2 贴图 板 和 Imposter 技术 


对 一 个 远 处 的 大 型 静态 物体 而 言 ， 当 相机 的 拍摄 方向 有 所 变化 时 ， 尽 管 其 在 画面 上 的 
位 置 会 随 之 变化 (少量 的 平移 和 旋转 )， 但 该 物体 的 投影 基本 保持 不 变 。 因 此 ， 在 视图 中 ， 
可 以 用 一 个 贴 有 它 在 接近 于 当前 视点 处 图 像 的 平面 图 板 ( 称 为 贴图 板 ) 来 近似 。 贴 图 板 很 容 
易 绘 制 ， 实 际 上 ， 它 只 是 将 图 像 映射 到 四 边 形 上 。 贴 图 板 可 用 于 表示 LOD 模型 中 的 最 低 
层 细 节 。 如 果 观 察 者 不 会 靠近 物体 ， 它 甚至 可 以 作为 LOD 中 的 唯一 层 细节 。 在 有 些 情形 
中 ， 也 采用 贴图 板 来 表示 一 些 扁 平 状 的 物体 、 具 有 旋转 对 称 性 的 物体 或 者 旋转 引发 的 视觉 
误差 不 明显 的 物体 。 例 如 ， 树 上 的 一 复 树 叶 、 地 面 上 的 一 篮 草 丛 等 都 可 以 采用 贴图 板 来 表 
示 。 在 绘制 时 ， 通 常会 使 贴图 板 自动 地 转向 观察 者 ， 以 避免 平板 效应 ， 当 然 这 并 非 对 所 有 
情形 都 适用 。 例 如 ， 位 于 远 处 的 树木 的 贴图 板 可 绕 着 它们 各 自 的 垂直 轴 旋 转 以 使 其 始终 面 
向 观察 者 ， 但 是 当 观 察 者 在 森林 上 方 飞行 时 ， 就 不 应 如 此 处 理 ， 否 则 会 形成 树木 半 倒 伏 的 
视觉 效果 。 

为 了 增加 真实 感 ， 可 以 在 贴图 板 上 增加 法 向 映射 或 位 移 映 射 LSch97]， 以 支持 动态 重 

Decoret 等 人 LDDSD03 提出 了 贴图 板 组 合 (billboard cloud) 技 术 自 动 生 成 同一 模型 的 
多 块 贴图 板 ( 这 种 关联 展示 方法 常 为 艺术 家 所 采用 )， 以 逐步 减 小 对 贴图 板 绘制 物体 的 错误 
感知 ( 见 图 14-20) 。 
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图 14-20 ”贴图 板 组 合 例子 : a) 原 始 模型 (5138 个 多 边 形 )，b) 在 贴图 板 上 对 拼合 在 一 起 的 每 一 组 面 片 使 
用 一 种 颜色 来 绘制 ，c) 使 用 32 块 纹理 贴图 板 所 生成 的 视图 (自动 生成 )，d) 所 用 到 的 32 块 贴图 
板 [DDSD03]( 授 权 : Xavier Decoret，@ 2003 ACM) 


单个 贴图 板 的 一 个 不 足 之 处 是 不 能 表示 动态 物体 ， 也 不 能 展示 当 观 察 者 靠近 景物 而 其 
视差 不 可 忽略 时 的 画面 效果 。 为 了 解决 视差 问题 ， 我 们 可 以 预先 计算 多 个 贴图 板 ， 此 方法 
在 早期 3D 游戏 (如 Doom 和 Wing Commander) 中 十 分 常见 。 也 可 采用 变形 策略 LPOC05 ]。 
对 于 特定 物体 的 动态 贴图 板 ， 可 以 在 贴图 板 内 设置 动画 控件 LDHOO05，YD08]。 而 更 一 
般 的 解决 方法 是 在 动画 中 每 当 贴 图 板 的 近似 误差 过 大 时 就 重新 绘制 一 块 新 的 贴图 板 。 这 种 
动态 贴图 板 称 为 InposterLMS95]， 它 广泛 应 用 于 各 种 各 样 的 模型 ， 如 地 形 LCSKK99]j]、 人 
物 角 色 、 浮 云 LHL01] 等 。 


14. 6.3 天 空 立方 盒 


将 部 分 场景 ( 远 处 景物 ) 的 模型 设置 在 “无 限 ” 远 处 会 带 来 方便 。 在 绘制 时 这 部 分 景物 
仍 取 有 限 距 离 进行 投影 ， 但 其 距离 不 依 观察 者 所 在 位 置 而 改变 。 最 常见 的 情形 是 天 空 和 浮 
云 。 对 于 地 面 上 的 观察 者 ， 天 空中 的 景物 距离 怕 远 ， 近 似 于 恒定 ， 即 使 视点 移动 也 不 会 导 
致 它们 的 视差 和 透视 投影 的 变化 。 此 类 情形 非常 适合 使 用 贴图 板 技术 ， 只 不 过 平面 贴图 板 
并 不 适 于 表现 围绕 地 平 线 的 场景 变形 。 天 空 立方 盒 或 天 空 球面 可 作为 所 有 远景 物体 的 几何 
代理 。 它 们 包 庄 整个 场景 并 且 使 得 观察 者 处 于 中 心 位 置 。 几 何 代理 实际 上 可 取 能 将 观察 者 
包 庄 在 其 中 的 任意 几何 表面 ， 例 如 正二 十 面体 、 正 四 面体 …… 甚 至 封闭 的 茶壶 表面 。 当 其 
内 部 被 绘 上 所 要 表现 的 远景 物体 的 近似 投影 图 像 后 ， 采 用 不 同 几 何 形状 表面 与 采用 球面 几 
无 差别 。 因 此 选择 代理 几何 形状 时 应 主要 考虑 给 定投 影 图 像 生成 的 便利 性 和 效率 。 立 方 体 
表面 和 球面 由 于 投影 方便 而 最 为 常用 。 

术语 “天 空 立方 盒 ” 有 时 也 指 有 限 远 处 的 物体 ， 如 建筑 的 正面 ,它们 有 少量 的 视差 但 
是 观察 者 不 会 进入 其 所 在 的 场景 区 域 。 这 种 情形 在 视频 游戏 中 较 常见 ， 玩 家 的 移动 范围 往 
往 受 限于 自然 障碍 ,但 是 游戏 设计 者 希望 能 展现 比 场景 中 可 漫游 区 域 更 大 的 世界 。 


14. 7 体 模 型 


我 们 之 前 所 讨论 的 大 部 分 问题 都 是 关于 面 表示 的 。 由 于 这 些 方法 不 需要 显 式 地 表示 物 
体 的 内 部 空间 ， 所 以 非常 高 效 。 

体 建 模 方法 表示 的 是 实体 而 不 是 表面 。 使 用 体 模型 可 以 产生 更 丰富 的 仿真 效果 ， 如 物 
体 的 动力 学 行为 和 半 透 明光 照 效果 。 


14.7.1 有 限 元 模型 


有 限 元 模型 是 将 实体 模型 前 分 成 多 面体 网 格 的 一 种 通用 分 割 方法 。 它 广泛 应 用 于 工程 
仿真 分 析 中 ， 用 于 计算 物体 内 部 的 力 、 热 传导 和 压力 传导 、 流 体 流 动 等 。 但 有 限 元 模型 很 
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少 应 用 于 纯粹 的 绘制 场合 ， 因 为 与 网 格 模型 相 比 它 在 这 方面 并 无 优势 。 

将 体内 空间 剖 分 为 四 面体 或 立方 体 等 规则 有 限 元 网 格 对 于 建 模 和 仿真 而 言 还 有 另外 的 
优点 。 对 规则 形状 网 格 进行 随机 空间 访问 的 时 间 为 常数 ， 且 可 实现 稳定 的 邻 域 检 索 。 四 面 
体 为 3D 单 形 (最 简单 的 多 面体 )， ri 非常 适合 于 仿真 ， 尤 其 适 ee 
效果 。 立 方 体 剖 分 自然 生成 规则 网 格 ， 一 种 直观 的 表示 ， 容 易 以 此 构建 层次 结构 。 

种 表示 称 为 体 素 模型 ， 广 泛 应 用 于 RN 学 或 地 理科 学 成 像 中 ， 其 源 数 据 常 来 
则 网 格 采样 。 


14.7.2 体 素 


体 素 表示 曾 一 度 为 绘制 所 偏好 ， 尤 其 在 娱乐 产业 中 ， 但 现 已 风光 不 再 。 图 14-21 展示 
了 一 款 当 代 游 戏 Minecraft， 其 场景 采用 大 量 体 素 进行 建 模 旨 在 呈现 一 种 积木 风格 。 该 游 
戏 利 用 体 素 上 局 部 图 形 操作 的 高 效 性 ， 将 所 有 光照 和 物理 动力 学 计算 设计 成 细胞 有 限 自 动 
机 。 因 为 体 素 表示 仅 需 在 每 个 单元 上 存储 材质 类 型 (其 位 置信 息 已 由 3D 数组 隐 含 表示 )， 
该 游戏 能 够 以 每 立方 米 单个 字 节 的 储存 量 来 高 效 地 表示 庞大 的 世界 ， 大 规模 的 均 质 区 域 还 
可 做 进一步 的 压缩 。 相 比 之 下 ， 即 使 采用 立方 体 的 三 角形 列表 建 模 一 个 相同 的 场景 也 需要 
每 立方 米 12 个 三 角形 X 每 个 三 角形 3 个 顶点 义 每 个 顶点 3 个 浮 点 数 X 每 个 浮 点 数 4 字 
季 二 432 字 节 ， 并 且 不 易 压 缩 。 

需要 注意 的 是 ， 图 14-21 中 的 场景 似乎 具有 比 每 立方 米 体 素 更 高 分 辩 率 的 细节 。 例 
如 ， 在 体 素 单 元 内 栅栏 和 芦苇 表示 为 细 长 的 罕 条 。 这 是 因为 系统 虽 使 用 体 素 进 行 仿 真 ， 但 
是 绘制 时 每 个 体 素 会 被 替换 成 代理 物体 ， 与 单一 立方 体 相 比 ， 这 些 代理 物体 具有 更 多 的 细 
入 。 这 是 几何 实例 化 的 一 种 极端 形式 。 在 一 些 不 需要 精确 表示 的 场景 中 常 采 用 几何 实例 化 
来 高 效 地 表示 许多 相似 的 细节 。 例 如 ， 一 个 森林 可 以 用 少量 的 不 同 树 的 模型 和 大 量 树 的 位 
置 、 参 考 坐 标 系 来 建 模 。 和 森林 中 的 每 棵 树 只 需 存 储 一 个 指向 树 模 型 的 指针 和 一 个 坐标 系 ， 
而 无 需 存储 树 的 完整 几何 信息 。 由 较 大 尺度 体 素 构成 的 场景 厅 愉 利用 关羽 的 方案 来 2s 现 比 
体 素 分 辨 率 更 精细 的 细节 ， 而 不 需要 为 每 个 体 素 显 式 地 构建 精细 的 几何 。 





图 14-21 游戏 Minecraft 用 1 立方 体 素 构建 整个 世界 ， 能 够 进行 高 效 的 实时 的 光照 、 仿 真 和 
充分 地 泻 染 动态 地 球 规模 的 世界 
图 14-22 展示 了 如 何以 更 精细 的 方式 使 用 体 素 来 高 效 地 绘制 高 分 辨 率 、 静 态 的 场景 。 
在 体 素 网 格 场 景 中 进行 光线 跟踪 是 高 效 的 ， 这 是 因为 光线 和 网 格 表面 的 求 交 十 分 简单 ， 而 
且 在 存储 系统 中 网 格 结构 具有 很 好 的 空间 局 部 性 。 树 形 数据 结构 可 对 大 片 空 区域 实 施 高 效 
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编码 。 即 使 近 距 离 观 察 ， 体 素 也 不 会 呈现 为 块 状 。 该 图 片 采用 了 Laine 和 Karras[ LK10 | 
提出 的 方法 进行 绘制 ， 在 每 个 体 素 处 存储 了 相关 的 平面 以 及 着 色 信 息 ， 可 沿 着 这 些 平面 进 
行 更 高 分 辩 率 的 曲面 重建 。 这 样 的 技术 已 经 存在 ;例如 常用 于 流体 仿真 的 移动 立方 体 
[LLC87]( 和 移动 四 面体 [CP98])， 这 些 技术 根据 体 素 项 点 处 保存 的 密度 信息 ， 在 每 个 体 素 
内 构建 某 种 简单 的 几何 面 生成 相对 平滑 的 网 格 表面 ( 见 24.6 节 )。 





图 14-22 ”由 高 分 辨 率 表面 位 移 所 创建 的 体 素 数据 ， 表 面 细节 的 局 部 阴影 已 预先 计算 并 存储 在 体 素 网 格 
中 。 整 个 建筑 (包括 从 里 面 看 不 到 的 外 墙 面 ) 的 体 素 分 辩 率 大 约 为 5nm。 在 GPU 内 存 中 总 的 数 
据 量 为 2.7GB。 泻 染 时 ，Laine 和 Karras 的 光线 投射 程序 每 秒 投射 6100 万 条 光线 ; 也 就 是 说 ， 
相当 于 2010 年 的 LLK10] 中 的 光线 投射 算法 以 60fps 的 速度 绘制 1M 像素 (授权 : Samuli Laine 
和 Tero Karras, © 2010ACM) 





14.7.3 粒子 系统 


液态 或 气态 物体 ， 如 烟 、 云 、 火 和 水 ， 常 被 建 模 为 粒子 系统 [Ree83]。 每 个 粒子 都 可 
高 效 地 表示 为 一 个 具有 质量 的 点 。 粒 子 系统 可 能 包含 大 量 粒子 ， 例 如 ， 数 干 或 数 百 万 ， 它 
们 扮演 的 角色 类 似 于 气体 或 液体 中 的 单个 分 子 。 不 过 ， 仿 真 中 所 包含 的 粒子 数 远 小 于 真实 
世界 场景 所 包含 的 分 子 数 ( 小 多 个 数量 级 ) 。 绘 制 时 通常 将 每 个 粒子 绘制 成 一 个 小 的 贴图 
板 ， 以 弥补 粒子 数目 不 足 的 缺陷 。 这 和 基于 点 的 绘制 中 的 抛 雪 球 算法 类 似 。 通常 称 采用 半 
透明 贴图 板 表 示 的 动态 景物 为 粒子 系统 ， 而 称 采 用 不 透明 贴图 板 表示 的 刚性 物体 为 点 集 。 
14. 10 节 介 绍 了 模拟 半 透 明 网 格 和 粒子 的 方法 。 

当 贴 图 板 交 于 场景 中 的 其 他 几何 体 时 ， 就 会 露出 贴图 板 的 平面 特性 。 软 粒子 LLor07] 
是 一 种 解决 此 问题 的 技术 ( 见 图 14-23)。 软 粒子 在 靠近 场景 中 的 几何 体 时 会 变 得 更 加 透明 。 
接近 程度 根据 绘制 时 深度 缓冲 区 保存 的 值 决 定 。 对 于 高 密度 且 无 明显 可 见 结构 的 贴图 板 ， 
如 烟雾 ， 效 果 尤 佳 。 


之 前 


之 后 





图 14-23 左 图 : 运用 粒子 系统 绘制 云 时 采用 了 多 块 贴图 板 ， 在 这 些 贴图 板 与 地 形 网 格 相 交 处 ， 贴 图 板 的 
平面 、 离 散 特性 立刻 暴露 出 来 。 右 图 : 像素 着 色 器 改 为 采用 “ 软 粒 子 ” 技 术 淡 化 贴图 板 的 贡献 
使 之 贴近 于 场景 几何 从 而 隐藏 了 人工 痕迹 (授权 : Tristan Lorach, NVIDA) 


14.7.4 要 


粒子 和 体 素 是 无 确定 形状 物体 的 离散 表示 形式 。 均 质 和 半 透 明 的 物体 可 以 采用 连续 的 
解析 表示 。 一 个 典型 的 应 用 是 大 气 透视 效果 的 模拟 ， 由 于 光 穿 越 大 气 时 存在 小 尺度 的 散 
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射 ， 使 远 处 景物 的 色 饱 和 度 下 降 。 一 个 更 极端 的 例子 是 浓 雾 ， 它 可 能 均匀 分 布 于 整个 空间 
或 者 随 着 高 度 不 同 在 密度 上 有 所 变化 。 
真实 的 大 气 透 视 必 然 涉 及 以 光 的 传输 距离 为 参数 的 指数 吸收 过 程 ， 但 从 画面 效果 考 
虑 ， 常 需 对 吸收 速率 进行 调控 。 景 物 的 均匀 雾 化 效果 可 以 采用 两 种 方法 实现 : 在 绘制 时 混 
合 像素 的 着 色 颜 色 和 基于 观察 者 距离 的 雾气 颜色 (可 在 像素 着 色 器 中 实现 或 在 OpenGL 中 
调用 固定 功能 的 glFog 程序 ) ， 或 者 在 2D 图 像 后 处 理 阶段 基于 深度 缓冲 值 实施 混合 。 一 
个 例子 : 基于 距离 4&， 原 始 颜色 <， 雾 的 颜色 f 和 雾 密度 参数 k 计算 最 终 颜色 c 如 下 (按照 
glFogf 文档 ) 
c =F+e— fs (14-13) 
同样 的 方法 可 以 用 于 光 在 水 下 的 散射 和 衰减 。 更 复杂 的 大 气 散 射 模型 也 已 开发 出 来 
(例如 LNMN87，Wat90，NN94，NDN96，DYN02，HP03])， 这 种 常见 的 指数 近似 仅仅 
是 初始 的 模型 。 
局 部 雾气 ( 见 图 14-24) 遵 循 与 全 局 雾气 相同 的 光 误 减 规 律 ， 但 是 其 距离 参数 应 取 光 线 
( 沿 视线 方向 ) 所 穿 过 的 雾 的 长 度 ， 而 不 是 从 观察 者 到 被 观察 景物 的 距离 。 这 个 距离 可 由 光 
线 和 雾气 的 包围 体 求 交 获得 。 只 要 此 包围 体 为 简单 几何 形状 ， 每 个 像素 着 色 时 执行 上 述 过 
程 是 可 行 的 。 常 用 包围 体 有 半 平 面包 围 体 、 长 方 体 和 球体 等 。 















图 14-24 方 盒 形状 和 椭 球 形状 的 雾气 。 使 用 像素 着 色 器 进行 绘制 时 ， 求 取 视 线 与 雾气 包围 盒 的 交 
(授权 : Carsten Wenzel. © Crytek) 


14.8 场景 图 

大 型 图 形 系统 很 少 会 将 整个 场景 作为 一 个 单独 的 物体 来 处 理 。 场 景 常 被 分 解 为 若干 独 
立 物体 的 集合 ， 因 而 场景 的 不 同 部 分 可 采用 不 同 的 模型 来 表示 。 这 种 方式 也 减少 了 需要 处 
理 的 物体 的 内 存量 ， 使 其 能 更 好 地 适应 硬件 的 计算 能 力 ， 也 更 易于 为 建 模 工程 师 和 程序 员 
所 操控 。 也 就 是 说 ， 这 种 场景 分 解 策略 符合 经 典 的 计算 机 科学 和 软件 工程 学 的 抽象 原则 。 

梳理 、 列 出 场景 中 物体 集合 的 数据 结构 称 为 场景 图 。 这 里 的 “图 ” 指 的 是 揭示 物体 之 
间 相 互 关系 的 指针 ; 在 第 6 章 的 层次 建 模 中 曾 描述 过 一 个 基本 的 场景 图 ， 并 在 第 10 章 和 
第 11 章 中 讨论 了 它 的 遍历 问题 。 有 许多 种 场景 图 的 数据 结构 。 深 层 树 数据 结构 适合 于 场 
景 建 模 和 用 户 界 面 设计 ， 其 大 量 而 细致 的 概念 抽象 和 较 少 的 分 支 符合 人 类 的 设计 直觉 。 而 
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多 分 支 和 浅 层 的 树 数据 结构 则 适用 于 包含 许多 并 行 处 理 单元 的 硬件 绘制 和 物体 层次 上 的 高 
效 视 域 剔除 。 此 外 ， 物 理 模 拟 经 常 需要 使 用 完整 的 场景 图 来 揭示 模拟 中 的 循环 依赖 关系 。 

与 建 模 和 交互 、 绘 制 以 及 模拟 这 三 个 目标 相对 接 ， 存 在 三 种 场景 分 解 的 策略 。 经 典 的 
场景 图 和 着 色 树 把 场景 分 解 为 若干 语义 元 素 。 例 如 角色 模型 可 能 包含 一 个 “头发 ” 结 点 ， 
它 作 为 “ 头 部 ” 结 点 的 子 结 点 。 这 使 得 我 们 可 以 方便 地 改变 头发 的 颜色 或 替换 发 型 。 我 们 
也 可 能 在 角色 躯干 的 根 结 点 上 附加 “皮肤 颜色 ”属性 ， 以 便 此 颜色 属性 作用 于 整个 模型 。 
语义 结 点 类 似 于 文本 标记 语言 如 HTML 使 用 的 属性 级 联 模 式 。 毫 不 奇怪 ， 语 义 标记 有 效 
地 描述 了 场景 图 的 文本 结构 和 绘制 关系 。 语 义 场 景 图 常常 是 有 向 非 循环 图 ， 除 了 坐标 系 之 
外 ， 子 结 点 还 从 其 父 结 点 继承 了 着 色 和 仿真 属性 。 

物理 场景 图 表达 了 物体 ( 结 点 ) 之 间 的 约束 关系 ( 边 ) 。 这 些 约束 经 常 为 关节 。 例 如 ， 人 
的 腕 关节 定义 了 前 臂 和 手 之 间 的 坐标 变换 约束 。 约 束 可 能 是 短 时 的 ， 例 如 跳动 的 球 在 接触 
地 面 的 瞬时 被 约束 为 不 能 穿 透 地 面 ( 但 可 能 发 生 少 许 横 向 滑动 ) 。 大 多 数 动力 系统 都 包含 了 
预先 设置 的 角色 和 机 器 的 关节 图 、 力 的 约束 图 、 接 触 约束 图 。 关 于 动力 学 仿真 、 关 节 数 据 
结构 和 算法 的 讨论 见 第 35 章 。 

空间 数据 结构 /场景 图 与 计算 机 科学 中 的 通用 数据 结构 (如 链表 、 树 和 数组 ) 密 切 对 应 。 
它们 把 场景 痢 分 成 网 格 或 树 以 支持 高 效 的 空间 查询 ， 如 “在 我 的 化 身 4 米 以 内 存在 什么 物 
体 ?” 子 结 点 必须 包含 于 父 结 点 的 包围 体内 。 空 间 数据 结构 广泛 应 用 于 仿真 和 绘制 中 ， 它 
们 通常 自动 生成 。 已 经 出 现 了 逐 帧 建立 这 些 数据 结构 的 高 效 算 法 ， 这 已 成 为 当前 一 个 活 牙 
的 研究 领域 。 第 36 章 和 第 37 章 将 讨论 数据 结构 的 建 模 、 交 互 以 及 相关 算法 。 


14.9 材质 模型 


如 前 面 所 述 ， 我 们 通常 认为 物体 由 其 表面 定义 ， 表 面 是 物体 和 其 他 物体 或 周围 介质 之 
间 的 边界 面 。 但 是 物体 内 部 的 材质 也 会 影响 光照 效果 。 我 们 目前 只 考虑 两 种 不 同 介质 间 的 
边界 面 ， 并 假定 光 穿 过 边界 面 后 有 不 同 的 传播 方式 。 涉 及 两 种 介质 这 一 点 很 重要 ， 因 此 表 
面 的 外 观 与 两 者 都 有 关 ， 但 在 多 数 情形 下 ， 我 们 所 看 到 的 物体 在 空气 中 ， 这 一 点 不 是 很 明 
显 。 现 在 假设 绘制 的 景物 位 于 空气 中 ， 因 而 其 外 观 可 由 单个 材质 参数 定义 。 两 种 介质 的 情 
形 将 在 14. 10 节 讨论 。 

光 与 材质 的 交互 作用 非常 简单 。 作 为 基本 的 近似 ， 每 个 击 中 物体 表面 的 光子 有 三 种 前 
景 : 被 吸收 并 转换 成 热能 、 穿 过 表面 进入 物体 内 或 被 表面 反射 出 去 。 每 一 种 情形 出 现 的 概 
率 和 发 生 作 用 后 光子 的 传播 方向 由 物体 的 材质 以 及 撞击 点 附近 表面 微 平面 的 朝向 所 决定 。 
整个 模型 可 由 物理 学 上 几 个 简单 定律 描述 。 

然而 ， 我 们 使 用 比 这 些 简单 物理 定律 更 复杂 的 高 层 模型 ， 从 而 使 得 我 们 能 考虑 落 在 表 
面 上 更 大 范围 (更 为 宏观 ) 的 面 片 集合 上 的 大 量 的 光子 。 由 于 采用 了 复杂 的 材质 模型 ,我 们 
可 以 简化 表面 的 几何 模型 和 光 采 样 策略 。 更 复杂 的 材质 模型 可 通过 美学 方式 而 不 是 物理 方 
式 进 行 控制 ， 可 以 让 画家 基于 直觉 而 不 是 测量 数据 来 生成 所 需 的 视觉 效果 。 

一 般 来 说 ， 我 们 至 少 需要 区 分 下 列 5 种 在 审美 和 感知 上 有 意义 的 现象 。 

1) 清晰 的 镜面 反射 ， 如 玻璃 上 的 反射 光 。 

2) 具有 光泽 的 高 光 和 反射 ， 例 如 涂 蜡 苹果 上 的 高 光 。 

3) 表面 下 的 浅 层 散射 ， 它 导致 独立 于 观察 方向 的 朗 伯 漫 反射 ， 例 如 “平坦 ” 墙 上 涂 
料 的 观察 效果 。 

4) 表面 下 的 深层 散射 。 这 是 由 于 光 在 表面 下 的 漫 散 射 ， 是 皮肤 和 大 理 石 等 外 观 较 
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“和 柔和 ”的 原因 。 

5) 透射 ， 当 光 通 过 几乎 透明 的 材质 (如 水 和 和 雾 ) 时 ， 进 入 介质 后 发 生 折射 。 在 光 的 路 
径 上 可 能 有 少量 的 漫 散射 。 

因为 这 些 现象 都 源 于 散射 (或 者 由 于 被 吸收 而 无 散射 );， 所 以 常 使 用 散射 函数 进行 描 
述 。 有 儿 种 散射 函数 ， 其 中 包括 : 用 于 描述 表面 散射 的 双向 散射 分 布 函数 (BSDF)， 仅 考 
虑 不 透明 表面 反射 的 双向 反射 分 布 函 数 (BRDF)， 用 于 纯 透 射 表面 的 双向 透射 分 布 函数 
(BTDF)， 用 于 描述 表面 反射 和 表面 下 浅 层 散 射 效果 的 双向 散射 反射 分 布 函数 (BSSDF)。 
即使 只 考虑 双向 散射 分 布 函 数 ， 亦 需要 对 具体 的 绘制 算法 和 物体 表面 物理 性 质 进行 深入 讨 
论 。 幸 运 的 是 ， 这 一 切 可 通过 相对 简单 的 模型 及 其 应 用 来 获得 。 过 去 30 年 里 大 部 分 像素 
绘制 时 采用 的 方法 都 属于 同一 简化 模型 的 变 体 ， 该 模型 可 能 还 会 继续 使 用 。 

在 下 面 的 小 节 中 我 们 将 介绍 双向 散射 分 布 函数 的 基本 思想 和 一 个 至 今 仍 常用 的 不 透明 
表面 的 简单 光照 模型 (经 验 模型 )。 然 后 我 们 再 采用 混合 方法 代替 双向 散射 分 布 函 数 ， 来 模 
拟 一 些 常 见 的 光 传 输 现 象 。 


14. 9. 1 散射 函数 


散射 可 以 被 描述 为 一 个 函数 (P，@;，@。) 一 /,(P，w;，@。)， 它 表示 当 光 照射 到 物体 
表面 已 点 时 其 反射 光 从 方向 一 @; 散 射 到 方向 @。 的 概率 密度 ( 见 图 14-25)。 通 常 一 个 明亮 或 
有 和 较 强 反射 能 力 的 漫 射 表面 具有 较 高 的 /.() 函 数值 。(f. 更 严格 的 定义 将 在 第 26 章 
给 出 。) 


图 14-25” 向量 w; 朝 向 光源 (以 星 号 标记 )， 故 入 射 光 方 向 为 一 @i。 
在 点 PP 处 的 散射 光 朝 不 同 的 方向 w。 散 射 ， 其 强度 由 也 
数 f.(P，w;，w,) 确 定 














在 叙述 画 数 /,(P，w;，w。) 时 ， 我 们 将 引入 一 些 记号 ， 这 些 记号 将 贯穿 本 书后 面 
对 绘制 的 讨论 中 。 函 数 f。 总 总 是 表示 散射 函数 。 点 已 常 指 我 们 正在 计算 其 散射 的 曲面 上 
的 某 一 点 ，@; 是 P 点 到 光源 的 方向 ( 即 光 沿 一 ,方向 入 身 到 DE), RE 点 的 ， 
反射 光 的 方向 。 





采用 函数 人 带 来 了 数学 处 理 上 的 便利 。 在 我 们 的 程序 中 ，f, 通常 由 基本 的 散射 函数 
三 定义， 郴 数 了 描述 了 位 于 zz 平面 、 法 向 朝 正 y 轴 方 向 的 面 片 上 的 光 散 射 。 例 如 ， 一 个 
要 沿 其 法 线 方向 进行 散射 的 表面 的 散射 率 可 表示 为 
0 ”如 果 @i; 或 @, 位 于 一 y 轴 的 半 平 面 上 














0 
f(k,0:;,0,) = ; 
la ao。 |1| | 其 他 情形 
0 
FE 尺 ® max(CwOu。 yD (14-14) 


其 中 描述 了 表面 的 反射 率 ( 在 这 一 简单 例子 中 ， 它 均匀 地 反射 所 有 波长 的 光 )， 其 取 值 在 
0 一 1 区 间 内 。 当 w。 靠 近 > 轴 正 向 时 函数 了 的 值 较 大 ， 而 当 oo。 靠 近 zz 平面 时 则 取 值 较 小 。 





当 表 面 法 向 与 正 y 轴 方 向 不 一 致 时 ,我 们 将 该 表面 的 散射 函数 记 为 人 ， 先 将 w; 和 w, 变 换 
到 新 的 坐标 系 ( 以 P 点 的 表面 法 向 为 y 轴 的 局 部 坐标 系 )， 然 后 基于 变换 后 的 向 量 计算 函数 
f， 得 到 f,。 类 似 地 ， 也 可 使 用 函数 /来 描述 “有 斑点 ”的 表面 。 这些 表 面 上 有 些 区 域 的 
反射 率 比 其 他 地 方 更 高 。 我 们 可 在 表面 不 同 的 位 置 采用 不 同 的 & 值 来 实现 这 种 效果 。_f、 隙 
数 如 代码 清单 14-5 所 示 。 


代码 清单 14-5 ”利用 基本 函数 f 来 计算 f, 





fas(P, Wi, we) 


1 

2 k = getReflectivity (P) 

3 bli,b;,b3 = getBasis (P) 

4 wiLocal = wi written in the b basis 
3 woLocal = wo written in the b basis 
6 return f(k, wiLocal, woLocal) 








如 同 有 斑点 的 球面 一 样 ， 大 多 数 物 体 表面 的 外 观 并 非 均 匀 一 致 ， 这 意味 着 ，f. 在 物体 
表面 上 是 变化 的 ， 不 仅 因 表面 法 向 不 同 ， 而 且 还 由 于 表面 属性 有 变化 。 这 种 变化 大 都 因 上 
面 介绍 的 方式 生成 : 其 中 采用 了 某 些 工具 ， 如 纹理 映射 ， 来 确定 在 表面 各 点 计算 基本 散射 
函数 三 所 需 的 参数 值 。 

我 们 很 难 设计 一 个 程序 ， 使 整个 场景 只 有 一 个 单一 的 BSDF， 然 后 以 场景 中 的 点 为 变 
量 ， 基 于 其 位 置 选 取 相关 参数 的 值 。 基 于 模块 化 思想 ,我 们 希望 有 不 同 的 BSDF 困 数 ， 可 
自由 地 将 它们 附着 到 不 同 的 表面 上 。 也 就 是 说 ,我们 将 “BSDF” 作 为 一 个 编程 的 界面 ， 
而 具体 的 BSDF( 如 玻璃 和 木头 的 BSDF) 通 过 此 界面 实现 。 但 如 何 描述 单一 材质 表面 不 同 
点 处 的 材质 属性 仍然 是 一 个 问题 。 这 一 函数 通常 基于 物体 表面 的 内 在 标 架 进行 参数 化 ， 它 
应 与 物体 空间 位 置 、 朝 向 无 关 ， 它 粘贴 在 物体 表面 而 不 是 从 空间 投影 到 表面 上 。 

BSDF 有 两 种 自然 的 表示 方式 。 一 种 方式 是 ， 对 一 个 材质 均匀 的 小 面 片 ， 采 用 解析 郴 
数 来 表示 。 查 找 表 面 局 部 参数 的 问题 可 放置 在 对 表面 位 置 进行 采样 的 程序 中 ; 例如 光线 投 
射 引 警 ， 其 中 将 fs (wi，wo) 作 为 计算 BSDF 值 的 函数 。 

另 一 种 方法 是 采用 BSDF 来 表示 随 空间 位 置 而 变化 的 物体 材质 ， 它 在 材质 空间 中 显 式 
地 给 出 了 各 采样 点 的 双向 散射 率 (如 基于 纹理 坐标 ); 此 时 将 f, (u，v，wi，wo) 作 为 计算 
BSDF 值 的 函数 (既然 它 是 一 个 不 同 的 函数 ， 也 许 应 使 用 一 个 不 同 于 fs 的 名 字 来 命名 )。 

上 述 方法 中 没有 一 种 是 明显 占 优 的 ， ed he 
设计 。 类 似 地 ， 还 需 决 定 选择 哪 一 空间 来 表示 方向 矢量 。 氨 今 为 止 ， 我 们 仍然 按照 数学 
上 的 惯例 假设 o 和 oo 定义 在 场景 坐标 系 中 。 但 是 re eA i ee 间 中 
导出 的 ， 倘 若 将 其 变量 表示 成 场景 坐标 ， 则 在 BSDF 函数 中 必须 将 它们 变 回 到 切 空间 
中 。 这 个 变换 可 能 是 显 式 的 ， 也 可 能 通过 将 全 部 项 均 表 示 成 与 切 向 量 或 法 向 量 的 点 积 来 
隐 式 地 实现 。 这 意味 着 ， 我 们 的 “BSDF” 模 型 对 场景 中 的 每 个 采样 点 都 要 重新 计算 表 
面 的 朝向 。 

在 本 章 中 我 们 采样 物体 的 表面 属性 而 不 是 双向 散射 分 布 函 数 。 每 一 面 元 中 将 包含 其 位 
置 、 参 考 坐 标 系 、 随 空间 位 置 变化 的 BSDF 参数 以 及 BSDF op 这 种 表达 方式 的 优点 
是 可 将 光线 一 表面 求 交 和 绘制 程序 中 的 散射 计算 分 离开 来 ， 从 而 可 以 对 绘制 程序 中 的 不 同 
部 分 分 别 进行 考虑 。 在 设计 上 ， 由 于 各 个 部 分 被 模块 化 ， 从 而 可 以 对 不 同 的 表面 实施 不 同 
的 散射 率 采 样 。 这 里 没有 考虑 该 方式 的 效率 ,但 它 已 被 应 用 于 一 些 绘制 程序 库 ， 例 如 
PBRT(http://pbrt. org) 和 G3D 创新 引擎 (http://g3d. sf. net) 中 。 

在 实用 中 ，f; 需 支 持 两 种 不 同 操作 。 第 一 种 操作 是 给 定 两 个 方向 ， 直 接 计算 这 个 函 
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数 。 当 我 们 已 经 确定 了 光线 的 传播 路 径 ， 希 望 知 道 沿 该 路 径 传 播 的 强度 时 ， 可 采用 这 一 操 
作 计 算 直 接 光 照 。 第 二 种 操作 是 采样 : 给 定 光 的 人 射 方向 或 出 射 方向 ， 以 与 人 成 正比 的 
概率 密度 选择 其 出 射 方向 或 人 射 方向 ， 在 选择 时 按 该 方向 的 投影 面积 进行 加 权 。 
在 直接 计算 和 采样 中 ， 对 于 镜面 和 透镜 这 类 无 漫 反射 而 只 存在 纯 镜 面 反 射 或 透射 的 情 
形 必须 单独 处 理 。 函 数 人 在 理想 镜面 反射 和 透射 方向 上 取 无 穷 值 ， 我 们 称 之 为 脉冲 函数 。 
我 们 对 有 限 散 射 和 脉冲 反射 (折射 ) 分 别 采 用 不 同方 法 处 理 。 
VY API 接口 原则 : 设计 API 界 面 要 从 用 户 使 用 的 角度 ， 而 不 是 从 程序 实现 的 角度 ， 也 不 
是 从 其 推导 时 采用 的 数学 符号 的 角度 考虑 。 例 如 ， 很 容易 将 Fai，amwo) 映 射 为 界面 函 
数 Color3 bsdf (Vector3 wi，Vector3 wo)， 但 它 难 以 为 一 个 实际 绘制 程序 所 
代码 清单 14-6 给 出 了 一 个 计算 函数 f 有 限 散射 部 分 的 接口 。 这 个 接口 是 对 像素 着 色 
器 或 光线 跟踪 器 中 通常 采用 的 直接 光照 算法 的 抽象 ， 且 可 方便 地 实现 。 
代码 清单 14-6 ”直接 计算 散射 函数 的 程序 接口 (类 似 于 G3D:: Surfel) 


1 -elass BSDE 1 
2 protected: 





2 CFrame cframe; // coordinate frame in which BSDF is expressed 
4 

6 

7 PuBlics 

8 

9 class Impulse { 

10 publies 

Ll Vector3 direction; 

1 Color3 magnitude; 

3 }; 

14 

15 typedef std::vector<Impulse> ImpulseArray; 

16 

[7 virtual ~BSDF {) 4} 

18 

19 /** Evaluates the finite portion of f(wi, wo) at a surface 
20 Whose rormal is n. */ 

pl virtual Color3 evaluateFiniteScatteringDensity 
22 (const Vector3& wi, 

23 const Vector3& wo) const = 0; 

24 

235 








代码 清单 14-7 给 出 了 光子 映射 、 递 归 光 线 跟 踪 (Whitted 模型 ) 和 路 径 跟 踪 等 算法 中 需 
用 到 的 BSDF 函数 接口 。 这 些 算法 的 实现 过 程 和 数学 原理 相对 较 复 杂 ， 在 这 里 不 做 进一步 
的 讨论 。 在 给 定 有 限 散 射 的 概率 密度 和 脉冲 函数 的 条 件 下 ， 倘 若 不 考虑 实现 效率 ， 这 些 接 
口 仍 容易 实现 。 接 口 包含 的 各 个 具体 方法 并 无 特异 之 处 。 例 如 ， 在 某 些 路 径 跟踪 中 ， 我 们 
希望 按照 与 BSDF 成 比例 的 分 布 对 光线 进行 采样 ， 而 无 需 附加 一 个 权重 因子 o n， 我 们 
亦 可 将 这 一 方法 添加 到 接口 中 。 
代码 清单 14-7 ”一 个 计算 散射 函数 散射 和 脉冲 方法 的 接口 





class BSDE { 


f(wi, wo). Overwrites the impulseArray. */ 


1 
| 
3 
4 /x+* Given wi, returns all wo directions that yield impulses in 
el 
6 virtual void getOutgoingImpulses 
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yp (const Vector3& wi, 

8 ImpulseArrayg& impulseArray) const = 0; 

9 

10 

11 /*x* Given wi, samples wo from the normalized PDF of 

12 WO:=> (Wi Wo % IW hs 

13 where the shape of g is ideally close to that of f. x*/ 

14 virtual Vector3 scatterOut 

15 (const Vector3& wi, 

16 Color3& weight) const = 0; 

17 

18 

19 /** Given wi, returns the probability of scattering 

20 (vs. absorption). By default, this is computed by sampling 

21 since analytic forms do not exist for many scattering models. */ 

22 Virtual Color3 probabilityOfScatteringOut ( 

23 const Vector3& wi) const; 

24 

25 /*x* Given wo returns all impulses for wi. */ 

26 virtual void getIncomingImpulses 

27 (const Vector3& wo, 

28 ImpulseArrayg& impulseArray) const = 0; 

29 

30 

31 /** Given wo, samples wi from the normalized PDF of wi -> g(wi, wo) * 
wi < Hl 7 

32 Virtual Vector3 scatterIn 

33 (const Vector3& wo, 

34 ColLlor3& weight) const = 0; 

35 

36 

37 /x** Given wo, returns the a priori probability of scattering 
(vs. absorption) */ 

38 Virtual Color3 probabilityOfScatteringIn (const Vector3& wo) const = 0; 

39 

40 1}; 





实现 BSDF 有 两 类 方法 。 基 于 度量 的 BSDF 源 于 对 真实 面 片 的 成 千 上 万 次 测量 。 测 量 
较为 耗费 时 间 ( 常 涉及 精细 的 操作 ), 但 它 是 物理 真实 的 。 这 种 数据 通常 规模 大 但 较为 平 
滑 ， 因 此 容易 被 压缩 。 

解析 型 BSDF 函数 则 采用 有 物理 或 美学 含义 的 一 些 参数 来 刻画 物体 的 外 观 。 它 们 通常 
表达 为 简单 函数 之 和 或 其 乘积 。 这 些 简单 郴 数 对 大 多 数 的 参数 取 值 为 零 而 只 在 一 个 狭窄 参 
数 区 域 上 呈现 为 光滑 波状 形状 。 基 于 对 真实 物理 模拟 的 解析 型 BSDF 函数 可 以 预先 估计 其 
外 观 效 果 。 下 面 我 们 介绍 一 些 简 单 但 常用 的 解析 BSDF 函数 。 


14. 9.2 朗 伯 反射 


朗 伯 发 现 大 多 数 平 坦 且 粗糙 表面 反射 的 光 与 表 面 法 向 和 入 射 光 方向 夹 角 的 余弦 值 成 正 
比 ， 这 一 规律 称 为 朗 伯 反射 定律 。 这 是 由 于 具有 常数 BSDF 值 的 表面 的 投影 面积 和 入 射 角 
的 余弦 值 成 正比 。 因 此 我 们 把 常数 BSDF 命名 为 朗 伯 反射 函数 。 

虽然 很 少 有 表面 呈现 理想 的 朗 伯 反射 ， 但 是 大 多 数 绝缘 体 表面 可 近似 地 视 为 朗 伯 反 射 
面 ， 其 近似 误差 可 用 下 一 小 节 中 描述 的 一 些 项 来 补偿 。 

近似 朗 伯 表面 的 例子 包括 涂 有 油漆 ( 即 无 光泽 型 涂料 ) 的 平面 墙 、 干 燥 的 人 尘土 、 在 几米 
外 观察 皮肤 和 衣服 等 。 采 用 朗 伯 分 布 描述 这 些 表面 的 反射 函数 的 主要 误差 是 当 视 线 接近 掠 
入 角 时 ， 实 际 观察 到 的 表面 比 常数 BSDF 绘制 的 效果 更 明亮 。 
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实际 中 发 生 近 似 朗 伯 反 射 的 原因 是 光线 会 渗入 表面 下 很 浅 的 一 层 ， 当 光线 再 次 出 现在 
表面 外 时 失去 了 方向 性 。 而 明亮 的 高 光 是 由 于 反射 光 集 中 在 镜面 反射 方向 的 周围 。 无 高 光 
时 ， 表 面 成 了 哑 光 面 。 

代码 清单 14-8 给 出 了 朗 伯 BSDF 的 计算 程序 。 对 每 个 频带 ， 设 定 一 个 “ 朗 伯 常数 ” 
ki， 其 类 型 为 Color3， 表示 表面 对 该 频带 入 射 光 的 反射 率 ， 取 值 在 L0，1 ] 内 。ki 越 大 ， 表 
面 看 上 去 越 亮 ， 所 以 (1，0，0) 是 亮 红 色 而 (0.2，0.4，0. 0) 是 深 褐色 。 不 过 ， 真 实 表 面 很 
少 会 完全 吸收 某 个 频带 的 人 射 光 或 对 其 完全 反射 。 当 某 一 颜色 通道 的 驴 值 为 0 或 1 时 ， 许 
多 基于 物理 的 绘制 系统 会 有 除 以 零 的 风险 。 所 以 一 个 明智 的 方法 是 在 开 区 间 (0，1) 中 选择 
朗 伯 反射 率 。 

代码 清单 14-8 计算 近似 朗 伯 表面 简单 BSDF 中 的 反射 分 量 


1] class LambertianBSDF : public BSDF f{ 
2 private: 
六 // Each element on [0, 1] 

OULOr3 Ls 





4 
5 
6 Bublic: 
4 Virtual Color3 evaluateFiniteScatteringDensity 
8 


(const Vector3& wi, 
9 const Vector3& wo) const { 
10 if ((wi.dot (cframe.rotation.getColumn(1)) > 0) && 
11 (wo.dot (cframe.rotation.getColumn(1)) > 0)) { 
12 returni Kk LL / BI;s 
13 } 
14 else { 
5 return Color3: :zero(); 
16 } 
17 } 
18 
19 } 





注意 到 在 f/.(P，w;，@。) 二 kL/x 中 并 没有 引进 投影 面积 因子 。 这 一 几何 因子 需要 在 绘 
制 器 中 考虑 ， 如 代码 清单 14-11 所 示 。 为 保持 能 量 守 恒 ，BSDF 乘 以 人 射 角 的 余弦 对 面 片 


上 半球 面 的 积分 需 小 于 1， 而 | 。(o ,2)do 一 x, 因此 在 程序 中 需 将 所 除 以 r。 


因为 朗 伯 表面 的 外 观 源 于 光 的 完全 漫 反 射 ， 所 以 朗 伯 反射 也 被 称 为 漫 反射 或 纯 漫 反 
射 。 我们 用 “ 漫 反 射 ”来 描述 所 有 非 镜面 反射 。 


14.9.3” 归 一 化 Blinn-Phong 反射 函数 


第 6 章 介 绍 了 Phong 的 经 验光 照 模型 [Pho75] ， 该 模型 所 描述 的 表面 反射 既 包 含 了 朗 
伯 反 射 ， 也 有 会 聚 程度 可 调 的 表面 高 光 。 

原始 的 Phong 模型 已 被 改写 成 BSDF 函数 形式 ,许多 学 者 对 其 进行 了 扩展 。 当 前 常用 
的 形式 是 基于 光照 效果 设计 的 ,但 保留 了 散射 模型 所 需 的 一 些 基 本 属性 。 例 如 ， 符 合 能 量 
守恒 ， 考 虑 了 投影 面积 因子 。 对 于 散射 模型 更 详细 的 介绍 可 参见 第 27 章 ， 这 里 我 们 只 简 
单 地 给 出 该 模型 一 种 便于 实现 的 形式 。 

它 是 第 6 章 介绍 的 光照 模型 的 现代 表述 形式 ， 以 物理 单位 代替 了 其 中 的 参数 。 采 用 &i 
和 ks 取代 原 模型 中 的 Cs 和 C, 的 原因 有 三 。 第 一 ,“ 朗 伯 反 射 ” 是 “ 漫 反 射 ”分 布 中 的 一 个 
特定 分 布 ， 任 何 非 脉 冲 型 的 反射 都 可 称 为 “ 漫 反 射 >， 但 Phong 模型 中 的 项 描述 的 是 一 个 
特定 的 、 几 何 上 有 完整 定义 的 朗 伯 分 布 。 第 二 ， 根 据 英 文 定 义 和 物 理 术语 ， 我 们 使 用 





“specular” 作 为 镜面 反射 的 专业 术语 。 


而 用 “glossy” 光泽) 来 表达 汇聚 于 特定 方向 周转 


的 反射 。 第 三 ， 这 个 公式 在 参数 和 形式 上 都 有 别 于 原来 的 公式 。 参 数 & 不 再 是 意义 不 明确 


的 RGB 三 元 组 数据 (每 个 参数 都 在 0 一 1 之 
间 )， 而 是 表示 了 相关 分 量 朝 所 有 方向 反射 的 
总 概率 。 

代码 清单 14-9 中 所 含 的 变动 包括 可 调节 的 
Blinn 高 光 项 ， 为 物理 学 所 需 的 ( 隐 式 的 ) 投 影 
面积 因子 以 及 为 保证 能 量 守 恒 由 Sloan 和 
HoffmanLAMHH08] 引 入 的 归 一 化 因子 。 
图 14-26 展 示 了 调整 模型 中 的 镜面 反射 系数 和 
高 光 指 数 两 个 参数 所 产生 的 不 同 光 照 效果 。 

PhongBSDF 函数 有 三 个 参数 。 朗 伯 常 数 
控制 漫 反射 的 颜色 和 强度 。 类 似 地 ，k, 控 制 
光泽 型 镜面 反射 的 颜色 和 强度 ， 包 括 由 明亮 光 
源 产生 的 高 光 。 一 个 理想 的 光滑 反射 面 看 上 去 
如 同 镜面 ， 稍 微 粗 糙 一 点 的 表面 会 模糊 镜面 图 
像 ， 形 成 光泽 的 外 观 。 当 对 人 进行 图 示 时 ， 包 
含 & 的 项 在 镜面 反射 方向 附近 形成 泪 滴 状 分 
布 ， 所 以 &, 也 称 为 光泽 (或 镜面 ) 凸 汐 的 强度 。 
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图 14-26 单个 点 光源 照射 下 的 球 ， 球 的 材质 


为 Phong BSDF 分 布 ， 其 中 ,为 白 
色 ,， ki 为 术 色 。ks 从 左 向 右 增长 ， 
5 向上 增长 (授权 : Creating Games: 
mechanics，content，and technolo- 
gy, McGuire, Morgan 和 Jenkins 
Odest Chadwicke© 2009) 


代码 清单 14-9 无 菲 涅 耳 系 数 的 归 一 化 Blinn 一 Phong BSDF 函数 ， 基 于 实时 绘制 [AMHH08] 系 统 的 实现 结果 





1 class PhongBSDE { 
2 private: 


3 // For energy conservation, ensure that k L+ kg < 1 on each color channel 
4 Color3 k_ L; 

5 Color3 Kg7 

6 

7 // “Smoothness” parameter; the exponent on the half-vector dot 
8 // Produet. 

9 E16Oat 

10 

1 BUSBILG: 

12 

13 virtual Color3 evaluateFiniteScatteringDensity 

14 (const Vector3& wi, 

15 const Vector3& wo) const { 

16 

17 if ((wi.dot (cframe.rotation.getColumn(1)) <= 0) && 

18 (wo .dot (cframe.rotation.getColumn(1)) <= 0)) { 

19 return Color3::zero(); 

20 } 

21 const Vector3& w_h = (w_i + w_o) .direction()，; 

22 retuen Kb / PI # kg ¥ (8 8) YX (8 ww PIY x pow'(maz(00 nisdot (wh))y s)y 
23 } 

24 

25 

26- 让 





高 光 指 数 ;反映 了 任意 尺度 下 表面 的 光滑 度 。 较 小 的 高 光 指 数值 ， 如 ;二 60 会 生成 较 
大 区 域 的 高 光 ， 可 较 好 地 模拟 皮革 、 木 制品 以 及 哑 光 塑料 的 光照 效果 。 高 的 高 光 指 数 ， 如 
5 二 2000 会 产生 清晰 的 反射 ， 适 合 模 拟 车 漆 、 涂 釉 陶 瓷 以 及 金属 等 表面 。 
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参数 ; 的 不 同 取 值 产生 的 高 光 视 觉 效 果 并 不 是 线性 的 。 例 如 ，;s 二 120 产生 的 高 光 区 域 
并 不 是 ;二 60 时 的 一 半 。 一 个 较 好 的 方法 是 为 画家 设置 一 个 更 直观 的 参数 vcEL0，1]， 再 
通过 函数 如 * 王 81922 ”将 它 映 射 为 高 光 指 数 ;。 

大 多 数 绝缘 体 表 面 上 的 高 光 是 没有 颜色 的 ， 其 &. 对 各 颜色 通道 通常 取 相 同 的 值 ， 或 
者 取 与 ki 相反 的 色彩 以 产生 灰色 或 白色 外 观 。 金 属 的 朗 伯 漫 反 射 近似 为 0， 其 取 与 所 
模拟 的 金属 (如 金 、 黄 铜 、 银 、 青 铜 等 ) 相 一 致 的 颜色 。 

当 高 光 区 域 缩小 时 ， 归 一 化 因子 (8 十 s)/8x 使 高 光 的 亮度 增加 。 这 使 得 s 和 上, 呈现 
“ 正 交 ”的 感知 效果 并 能 通过 一 个 简单 的 约束 关系 十 ks 三 1 实现 能 量 守 恒 。 公 式 中 的 常 
数 “8” 是 实际 求 取 镜 面 分 量 对 半球 面 的 积分 时 ， 对 其 中 的 常数 四 舍 五 人 取 整 的 结果 。 


14. 10” 半 透明 和 颜色 混合 


倘若 我 们 能 透 过 物体 或 介质 ， 如 玻璃 、 雾 或 纱窗 ， 看 到 其 后 面 的 景物 ， 则 称 物 体 或 介 
质 是 半 透 明 的 。 此 现象 的 原因 是 来 自 后 面 景 物 的 光线 透 过 这 些 物体 或 介质 到 达 了 我 们 的 
眼睛 。 

半 透 明 现 象 是 由 于 场景 中 多 个 位 置 对 屏幕 上 的 同一 个 点 有 直接 的 光 能 贡献 。 根 据 本 章 
的 几何 光学 模型 ， 光 线 之 间 不 产生 交互 作用 ， 例如， 两 个 手电 简 的 光 会 相互 穿 过 。 正 由 于 
它们 互 不 干涉 ,我 们 可 以 单独 考虑 每 条 光线 的 能 量 贡 献 ， 并 将 到 达 同 一 点 的 所 有 光线 的 贡 
献 芭 加 。 刻 画 这 一 现象 的 光 的 性 质 ( 至 少 在 宏观 上 ) 称 为 光 的 又 加 原理 。 这 个 性 质 允 许 我 们 
独立 考虑 不 同 波长 (颜色 ) 的 光 ， 分别 计算 每 条 光线 的 散射 效果 ， 最 后 再 绘制 场景 中 的 所 有 
光线 。 

如 同 场景 中 的 点 一 样 ， 到 达 图 像 平 面 上 某 一 点 的 光 可 能 来 自 多 个 方位 。 注 意 到 相机 的 
光圈 遮挡 了 大 多 数 方向 的 光 ， 而 在 针 孔 相机 的 极端 情形 中 ， 除 了 单个 方向 的 光 以 外 ， 其 他 
方向 的 光 全 部 被 阻挡 。 此 时 ， 从 虚拟 相机 ( 设 为 针 孔 相机 ) 发 出 的 单条 光线 (尽管 是 反 向 的 ) 
描述 了 到 达 相 机 成 像 平 面 该 点 的 人 射 光 的 路 径 。 当 场景 中 存在 半 透 明 面 时 ， 沿 视线 方向 可 
能 有 多 个 场景 点 贡献 光 能 ， 因 为 这 些 点 不 一 定 会 完全 遮挡 位 于 其 后 的 点 的 光 能 贡献 。 

基于 我 们 的 表面 反射 模型 ， 所 有 透 过 表面 到 达 相 机 的 光 称 为 间接 光照 。 换 言 之 ， 在 每 
个 屏幕 点 处 我 们 绘制 的 仍 是 单个 面 片 ， 而 只 是 允许 来 自 它 后 面 的 光 通 过 面 片 散射 朝向 前 面 
一 侧 。 对 于 绿 玻 璃 这 样 的 材质 ， 由 于 某 些 频率 的 光 具 有 更 强 的 穿 透 能 力 而 使 透 过 的 光线 
“ 染 ” 上 了 颜色 。 

光 的 多 种 透射 现象 都 可 以 用 前 面 讨论 的 双向 散射 分 布 函 数 (BSDF) 来 描述 ,但 是 对 于 
当前 实时 绘制 系统 而 言 ， 这 些 模 型 计算 代价 太 高。 如 同 前 面 建立 散射 模型 和 表面 模型 那 
样 ， 大 家 都 试图 引入 既 能 近似 又 稍微 复杂 一 点 的 透射 模型 ， 以 同时 获得 高 效 的 计算 性 能 和 
对 绘制 效果 的 调控 能 力 。 模 拟 半 透明 现象 的 常见 方法 是 从 后 到 前 依 序 绘制 各 个 面 片 ， 再 通 
过 混合 生成 最 终 的 绘制 效果 。 混 合 是 对 各 面 片 的 颜色 加 权 求 和 过 程 。 能 模拟 半 透 明 现 象 的 
任何 操作 均 可 作为 混合 函数 。 为 了 在 每 个 像素 上 能 做 并 行 处 理 ， 该 模型 通常 不 考虑 漫 反 射 
和 折射 ， 但 可 以 在 屏幕 空间 采样 LWym05 或 光线 跟踪 算法 中 计算 漫 反 射 和 折射 。 多 数 图 
形 应 用 程序 接口 均 含 有 每 个 面 片 绘制 时 对 其 进行 混合 操作 的 控制 入 口 。 例 如 在 OpenGL 
中 ,混合 控制 函数 是 glBlendFunc 和 glBlendEquation。 在 下 面 的 章节 中 我 们 将 介绍 
使 用 它们 的 例子 。 

半 透 明 现 象 的 形成 有 多 种 原因 。 为 了 满足 外 观 调控 和 绘制 的 物理 准确 性 要 求 ( 虽 然 在 
一 些 特定 的 应 用 中 这 两 者 可 能 都 不 重要 )， 需 对 这 些 原 因 进 行 区 分 。 由 于 在 实现 时 它们 均 
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通过 颜色 混合 进行 模拟 ,很 容易 将 这 些 原因 混为一谈 。 人 类 视觉 系统 对 于 半 透 明 现 象 很 敏 
感 ， 但 对 导致 半 透 明 的 原因 有 时 不 大 敏感 。 这 意味 着 这 种 误差 在 一 段 时 间 内 不 会 被 觉察 
到 。 由 于 缺乏 对 于 不 同 成 因 的 单独 控制 ， 长 期 运行 可 能 会 导致 差强人意 的 绘制 结果 。 其 典 
型 表现 包括 在 物体 重 杰 处 像素 过 亮 、 阴 影 莫 名 其 妙 地 缺失 或 者 颜色 失真 、 像 素 色 彩 错 
误 等 。 

为 了 和 弄 清楚 如 何 利 用 混合 来 正确 模拟 不 同 的 光照 效果 ， 本 节 将 介绍 对 混合 过 程 进行 控 
制 ( 类 似 于 OpenGL 中 glBlendFunc) 的 具体 例子 。 对 OpenGL 混合 方法 做 完整 说 明 超 出 
了 本 节 所 需 , 事实 上 它 随 着 应 用 程序 API 接口 版 本 不 同 而 不 同 ， 需 要 根据 OpenGL 的 细 
节 和 使 用 它 的 GPU 架构 而 定 。 为 了 通过 这 些 具体 例子 阐述 一 些 常 见 概念 ， 我 们 定义 了 一 
个 具体 的 混合 函数 ， 它 只 利用 了 部 分 混合 功能 。 

如 果 你 已 经 熟悉 OpenGL 和 “不 透明 度 ”(alpha)， 那 请 仔细 阅读 这 一 节 ， 因 为 这 一 
节 跟 它们 看 上 去 很 相似 。 我 们 希望 梳理 你 以 前 遇 到 过 的 不 同 物 理 方法 ， 并 提供 一 个 具体 的 
实现 。 下 面 的 内 容 是 对 McGuire 和 Enderton 提出 概要 LME11 的 扩展 。 


14. 10.1 混合 


假定 成 像 平面 上 一 个 目的 采样 (例如 图 像 累 计 缓 冲 区 中 的 像素 ， 参见 第 36 章 ) 的 颜色 
需 加 以 更 新 ， 以 考虑 来 自 新 的 源 采样 的 光照 贡献 。 这 些 采 样 可 能 源 于 光栅 化 、 光 线 跟 踪 或 
者 其 他 采样 方法 ， 并 对 应 屏幕 空间 中 的 同一 位 置 。 

设 源 采 样 和 目的 采样 的 值 均 为 光谱 函数 ， 由 颜色 通道 c 表示 。 对 于 每 个 颜色 通道 c， 
目的 采样 更 新 后 的 值 4 为 

d!'=o,(s, dy sO (Cs, ad) “a (14-15) 

其 中 6 和 o 为 目的 采样 原 有 值 Z 和 新 的 源 采 样 值 y 对 ad; 的 贡献 函数 。 可 采用 BlendFunc 
(senum，denum) 选 取 6 和 ec 因数 。 为 了 对 泻 染 器 中 常见 的 情形 进行 优化 ,应 用 程序 接口 
通常 将 6 和 so 函数 的 选择 限制 于 少量 简单 函数 集中 。 因 此 BlendFunc 的 参量 一 般 为 枚 举 
型 而 不 是 可 选 的 函数 本 身 。 考 虑 到 一 般 性 ， 设 senum 和 denum 具有 相同 的 类 型 。 

部 分 混合 防 数 的 枚 举 类 型 及 其 实际 对 应 的 函数 (在 后 面 我 们 将 会 稍 加 扩展 ) 如 下 : 











ONE: b.(s, d)=1 
ZERO: b.(s, d)=0 
SRC_COLOR : b.(s, d)=s. 
DST COLOR: b.(s, d)=d., 
ONE. MINUS _SRC. COLOR: ks 全 一 六 
ONE. MINUS. DST COLOR: b.(s, d)=d. 


为 了 和 弄 清 楚 BlendFunc 如 何 使 用 ， 现 在 考察 普通 场景 中 常见 的 两 个 例子 。 相 比 于 此 
处 介绍 的 方法 ，OpenGL 中 有 实现 这 些 例 子 的 更 有 效 的 技术 ， 特 别 地 ，OpenGL 可 设置 混 
合 启 动 位 和 编辑 位 图 掩 码 ， 但 是 这 里 描述 的 是 实现 混合 功能 的 一 般 解决 办 法 。 

考虑 一 个 静止 的 场景 ， 其 中 包含 了 一 面 涂 有 红色 乳胶 漆 的 墙 和 一 个 针 孔 相机 ， 一 个 薄 
且 平 坦 的 蓝 色 塑 料 星星 悬挂 在 墙 和 相机 之 间 ， 其 投影 占据 了 画面 上 约 一 半 的 区 域 。 假 设 这 
些 物 体位 于 真空 中 ， 因 而 无 需 考 虑 空气 之 类 的 介质 的 影响 。 现 在 考虑 星星 在 成 像 平面 投影 
区 域 中 心 附近 的 一 个 采样 位 置 。 

蓝 色 塑 料 属 反射 材质 ， 因 此 和 人 射 到 星星 表面 相应 点 的 光 或 者 被 吸收 或 者 被 反射 。 假 设 
我 们 已 经 计算 了 该 点 处 的 入 射 光 和 反射 光 。 令 * 表示 该 点 朝 图 像 空间 中 采样 位 置 反射 的 光 
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亮度 。 如 果 我 们 正在 绘制 图 像 ， 则 在 采样 位 置 的 像素 处 已 保存 了 某 个 4 值 ， 它 或 为 初始 化 
值 (d. 二 0W/ (srm*))， 或 者 是 程序 先 绘制 墙壁 而 保存 的 “红色 ”。 
在 相机 针 孔 与 采样 位 置 的 连 线 方向 上 ， 任何 来 自 背 景 墙 的 光 都 会 被 蓝 色 星 星 阻 挡 ， 因 
此 我 们 无 需 深究 保存 的 4 值 究 竟 是 什么 值 ， 而 是 需要 去 更 新 它 。 此 时 ， 我 们 选择 Blend - 
Func(ONE，ZERO) 生 成 总 的 绘制 效果 : 
d. 一 1.0。s 十 0.0。d (14-16) 
一 3: (14-17) 
这 似乎 是 一 种 用 指定 的 新 值 来 覆盖 已 有 值 的 笨 方 法 ,但 就 混合 函数 的 硬件 实现 而 言 ， 
它 有 一 定 意义 。 因 为 有 一 种 运算 单元 可 以 用 新 的 数据 对 帧 缓存 器 进行 更 新 ， 在 语义 上 该 运 
算 单 元 是 执行 某 个 函数 所 需 的 一 种 配置 (尽管 属于 一 般 性 配置 ) 。 
假定 我 们 正 通过 光栅 化 来 绘制 场景 。 光 顶 化 是 一 种 遍历 屏幕 空间 采样 位 置 的 方法 。 我 
们 通常 选择 遍历 物体 边界 面 在 屏幕 上 投影 区 域 (例如 物体 表面 ) 内 的 采样 点 。 但 也 可 以 光栅 
化 非 物体 边界 面 的 几何 面 ， 以 便 能 采样 任何 空间 位 置 。 例 如 ， 作 为 一 种 确定 场景 中 哪些 位 
置 受 到 光源 直接 照射 的 保守 方法 ， 延 迟 着 色 通 常 对 光源 的 包围 体 进 行 光 栅 化 采样 。 在 对 位 
于 真空 中 的 这 样 一 个 包围 体 进行 光栅 化 时 ， 我们 如 何 混合 得 到 的 光 能 贡献 呢 ? 一 种 办 法 是 
使 用 BlendFunc (ZERO ONE) 生 成 混合 结果 : 
d'= 0.0。s. 十 1.0。d., (14-18) 
= (14-19) 
它 保留 了 图 像 中 先前 保存 的 像素 颜色 。 在 这 种 情形 中 ， 进 行 光 栅 化 的 表面 是 完全 透明 的 ， 
对 光源 而 言 它们 完全 不 可 见 。 为 什么 要 对 它们 进行 光栅 化 但 又 不 理会 其 颜色 呢 ? 其 中 一 个 
原因 是 在 每 个 像素 处 不 仅 保 存 了 光亮 度 ， 还 包含 了 其 他 属性 。 我 们 可 能 仅仅 需要 标识 深度 
缓冲 区 或 模板 缓冲 区 中 的 某 个 区 域 ,， 而 不 希望 影响 其 图 像 ， 例 如 ， 通 过 光栅 化 构建 模板 化 
的 阴影 体 的 情形 即 是 如 此 。 男 一 个 原因 是 ， 有 时 需要 逐个 样本 地 调整 其 混合 权重 ,以 选择 
性 地 剔除 其 中 的 部 分 采样 点 ， 我 们 将 在 14. 10. 2 节 对 此 进行 讨论 。 


14. 10.2 局 部 覆盖 率 (ox) 


让 我 们 回 到 14. 10. 1 节 介 绍 的 一 个 薄 的 蓝 色 星 星 悬 挂 在 红色 墙 前 的 场景 。 一 种 对 蓝 色 
星星 造型 的 方法 是 将 它 表 示 为 双 面 矩形 ， 并 在 矩形 上 定义 一 个 函数 (用 纹理 映射 实现 )， 此 
函数 在 星星 内 部 取 值 为 1 而 在 星星 外 取 值 为 0， 它 描述 了 星星 是 如 何 覆 盖 背 景 的 ， 其 在 采 
样 点 处 的 值 通常 记 为 a。 

此 处 的 覆盖 与 当前 待 绘 制 物 体 的 采样 是 关联 在 一 起 的 ， 因 此 将 它 记 为 a,.。 其 具体 实现 
包含 一 个 表示 三 个 可 见 频率 (RGB) 光 亮度 采样 的 类 及 其 覆盖 率 值 ， 如 


class Color4 { 


I 

p2 Laat EE 
3 float g; 
4 Eroat by 
5 float ax 
6 1}; 


为 了 利用 覆盖 率 作为 矩形 透明 部 分 的 掩 码 ， 我 们 引入 两 个 新 的 混合 函数 的 枚 举 值 

SRC_ALPHA: b.(s, d)=s, 

ONE_MINUS_SRC_ALPHA: blss dj}=1—s 

混合 模式 BlendFuc (SRC_ALPHA，ONE_MINUS_SRC_ALPHA) 产 生 
d'=s, 。 s+ (1—s)»d, (14-20) 





它 是 以 s, 为 权重 的 线性 插值 。 在 每 个 点 处 的 覆盖 率 或 者 为 0 或 者 为 1， 符合 星星 的 物理 模 
型 : 在 包围 星星 的 矩形 上 的 点 或 者 是 完全 不 透明 ， 阻 挡 所 有 来 自 背 景 的 光 ， 或 者 完全 透 
明 ， 人 允许 背景 光 透 过 。 

基于 单个 采样 点 绘制 每 个 像素 且 采 用 上 述 二 值 化 覆盖 模式 会 导致 走样 现象 ， 所 生成 图 
像 中 的 星星 边界 处 会 呈现 阶梯 状 。 如 果 增 加 每 个 像素 内 采样 点 的 数量 ， 可 获得 被 星星 歼 闭 
区 域 的 更 好 的 估计 。 例 如 图 14-27 中 位 于 星星 轮廓 线 上 的 像素 ， 星 星 和 背景 各 覆盖 50%% 。 
但 如 果 采 用 三 个 采样 点 ， 则 估计 结果 会 变 差 。 对 那些 非 均 匀 和 覆盖 的 像素 ， 即 使 采用 如 图 所 
示 的 四 点 采样 ， 仍 会 产生 士 12. 5% 的 覆盖 率 误差 。 至 于 那些 为 解析 方法 定义 形状 所 部 分 覆 
盖 的 像素 ， 使 用 多 个 采样 点 来 估计 其 覆盖 率 ， 代 价 无 疑 是 高 的 。 

我 们 以 前 使 用 纹理 映射 图 来 描述 表面 反射 率 时 也 遇 到 过 这 个 问题 。 在 第 20 章 将 要 介 
绍 的 MIP-mapping 是 一 种 解决 这 一 问题 的 可 行 方法 。 设 想 星星 的 包围 矩形 表面 对 应 一 幅 
已 预 滤波 的 表示 覆盖 率 的 纹理 图 ， 图 14-27 中 的 轮廓 线 像素 对 应 于 一 个 纹理 单元 ， 它 的 覆 
盖 率 为 纹理 图 的 二 值 履 盖 率 在 此 纹理 单元 上 的 积分 (此 处 s, 二 0.3)， 称 为 局 部 覆盖 率 。 式 
(14-20) 同 时 适用 于 局 部 覆盖 率 和 二 值 覆 盖 率 。 因 为 它 表 示 局 部 覆盖 率 图 像 * 合 加 在 背景 4 
之 上 ， 所 以 也 被 称 为 over 操作 。 

混合 的 顺序 非常 重要 。over 操作 意味 着 应 以 从 后 到 
前 的 顺序 绘制 各 个 面 片 (如 在 36. 4. 1 节 提 到 的 画家 算法 )， 
所 以 总 是 把 近 处 的 物体 登 加 在 较 远 的 物体 上 。 

注意 s。 表示 覆盖 比例 而 不 是 覆盖 区 域 在 纹理 单元 中 
的 位 置 。s, 的 一 种 解释 是 当 在 纹理 单元 中 均匀 随机 选择 采 
样 点 时 ， 所 选取 的 采样 点 落 在 和 矩形 不 透明 区 域 的 概率 。 4/4= 100% 蓝 色 采 样 点 
在 星星 这 个 例子 中 ， 除 了 星星 边界 上 的 纹理 单元 ,在 其 ”图 14-27 在 低 分 辩 率 像素 网 格 





全 一 0/4=0% 蓝 色 
2/4= 50% 蓝 色 





他 纹理 单元 中 这 个 概率 或 者 是 0 或 者 是 1。 对 于 其 他 的 形 2 
NS 全 A 从 a A 、 \ gh 1 sy 状 。 加 点 个 
状 ， 有 可 能 每 个 纹理 单元 都 包含 了 某 种 边界 。 以 纱 门 为 计算 类 着 率 的 采样 点 


例 ， 我 们 可 能 构建 一 幅 高 分 辨 率 的 纹理 图 ,在 其 相 邻 的 
行 和 列 中 ，s, 一 0 和 1 交替 出 现 。 这 种 纹理 的 空间 频率 其 高 ， 可 能 引发 严重 的 走样 现象 。 
但 在 其 Mip-Map 纹理 图 中 ， 除 了 MIP 底层 外 ， 其 他 层 的 纹理 均 为 分 数值 。 

采用 概率 来 解释 局 部 覆盖 率 的 一 大 好 处 是 在 描述 不 同 表 面 依次 混合 的 结果 时 ， 不 需要 
给 出 结果 图 像 & 的 高 分 辩 率 覆盖 率 掩 码 。 例 如 ， 在 透 过 两 个 相同 的 纱 门 观察 后 面 的 墙 面 
时 ， 可 以 通过 以 下 公式 计算 每 个 颜色 通道 cEr，g，b 的 最 终 颜色 d": 





d= s,s5 二 (1s,).d. (14-21) 
d"= 部 二 二 二 CL = 省 d’ (14=22) 
= (1]—5)。s os 二 (ls):*.d’ (14-23) 


上 述 解 释 的 一 个 缺陷 是 它 假设 各 ; 覆盖 层 中 的 子 像素 覆盖 位 置 是 统计 独立 的 。 但 如 果 
两 道 纱 门 完全 对 齐 ( 并 假设 是 平行 投影 )， 则 第 二 道门 不 会 对 背景 形成 新 的 遮挡 ， 上 述 假设 
将 不 能 成 立 ， 这 时 第 二 道门 精准 地 位 于 第 一 道门 的 后 面 ， 对 相机 而 言 它 是 不 可 见 的 。 此 时 
我 们 需要 的 结果 是 4 二 d' 而 不 是 式 (14-23) 给 出 的 结果 。 

当 各 个 纱 门 对 背景 形成 遮挡 的 位 置 是 统计 独立 时 ， 式 (14-23) 通 常 可 给 出 我 们 所 期 望 
的 结果 。 但 如 果 由 于 某 些 原因 使 不 同 表面 的 覆盖 率 之 间 必 须 相 互 关联 ， 则 式 (14-23) 给 出 
的 结果 是 不 正确 的 。 例 如 ， 如 果 * 的 值 源 于 平行 细 线 的 光栅 化 ,(〈 许 多 细 线 在 屏幕 空间 是 
自然 平行 的 ， 例 如 支撑 悬索桥 的 钢 绳 缆 ) ， 就 会 产生 错误 。 
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Porter 和 Duff 关于 混合 运算 规范 化 的 经 典 论文 [PD84] 对 各 种 覆盖 情形 进行 了 分 析 ， 
并 具体 讨论 了 统计 独立 的 情形 ， 但 实现 时 仍 容易 出 错 。 例 如 ，OpenGL3.0 和 Direct 10 应 
用 程序 接口 包含 了 一 个 alpha-to-coverage 特性 ， 在 同一 像素 内 放置 多 个 样本 时 可 以 
将 像素 的 s, 值 转换 为 二 值 化 的 可 见 性 掩 码 。 由 于 此 掩 码 是 基于 s, 值 的 一 个 固定 的 二 值 化 
模式 ， 对 两 个 具有 相同 a 分 数值 的 面 片 来 说 ， 它 们 所 覆盖 的 子 像素 位 置 将 完全 重合 。 使 用 
这 一 特性 绘制 相互 重 闪 的 半 透 明 表 面 时 可 能 得 到 不 满意 结果 。Enderton 等 人 [LESSL11] 讨 
论 了 这 个 问题 ， 并 提供 了 一 种 解决 方法 : 使 用 基于 深度 值 和 屏幕 空间 位 置 的 喻 希 值 覆 

我 们 已 经 讨论 了 面 片 的 覆盖 率 ， 但 结果 图 像 的 覆盖 率 ds 的 情形 又 如 何 呢 ? 假 设 我 们 要 
绘制 一 幅 由 距离 相机 1m 一 2m 的 所 有 面 片 组 成 的 图 像 。 然 后 将 此 图 像 丢 加 到 由 2m 后 的 所 
有 物体 生成 的 另 一 幅 图 像 上 。 在 此 例子 中 ， 最 后 图 像 的 某 些 像素 是 完全 透明 的 ， 而 其 他 像 
素 部 分 或 者 完全 被 覆盖 。 如 果 我 们 再 次 假设 被 不 同 面 片 覆 盖 的 子 像素 位 置 是 统计 独立 的 ， 
则 可 以 按 下 式 计算 覆盖 率 : 

d!'=s,+d,* (1—s,) (14-24) 

如 此 产生 了 一 个 混合 值 4， 其 效果 等 同 于 被 局 部 覆盖 的 表面 。 
14. 10.2.1 预 乘 w 

在 之 前 的 章节 中 ，s. 从 不 单独 出 现 ， 出 现时 总 是 乘 以 多 。 这 是 由 于 是 一 表面 ， 假 设 
它 对 屏幕 空间 当前 像素 的 覆盖 率 为 a， 在 覆盖 区 域 的 颜色 为 %( 即 其 朝 观察 者 方向 自身 发 射 
或 散射 的 光亮 度 )。 因 此 ; 的 总 贡献 为 ses。。 

在 实际 应 用 中 常 将 颜色 预 乘 a 后 存储 ， 即 存储 为 (s,s。，sss。，sbs。，5。)。 这 样 做 有 几 
个 优点 。 例 如 ， 在 混合 时 可 节省 一 些 乘法 操作 并 且 解 决 了 面 片 的 5, 二 0 时 s. 意义 不 明确 的 
问题 。 后 一 点 在 处 理 欠 约束 的 图 像 抠 图 问题 ( 需 从 d' 中 还 原 出 s.s。、s。 和 4d,) 时 非常 有 


14. 10.3 透射 


局 部 覆盖 率 模型 使 用 简单 的 几何 形状 和 对 覆盖 程度 的 统计 度量 来 描述 如 花边 和 纱窗 等 
精细 但 具有 宏观 结构 的 表面 。 此 模型 中 ， 表 面 上 被 覆盖 的 部 分 完全 不 透明 ， 而 未 覆盖 区 域 
由 于 为 周围 介质 (如 空气 ) 所 占据 而 能 透 过 所 有 的 光 。 

如 果 忽 略 折射 ( 光 进 入 新 介质 时 其 传播 方向 发 生 改 变 的 现象 )， 我 们 可 以 将 局 部 覆盖 率 
的 概念 扩展 到 微观 结构 中 。 考 虑 一 个 极 薄 的 无 色 玻璃 ， 和 射 到 玻璃 上 的 光线 或 者 击 中 玻璃 
的 分 子 从 而 被 反射 或 被 吸收 ， 或 者 从 玻璃 分 子 间 的 空白 处 穿 过 (此 模型 虽然 简单 ， 但 属 可 
行 的 经 验 模型 ) 。 我 们 可 以 用 a 表示 玻璃 分 子 对 空间 的 覆盖 并 应 用 局 部 覆盖 率 模型 来 绘制 
玻璃 。 此 简化 模型 常 被 使 用 ， 还 可 以 在 模型 中 引入 一 些 更 复杂 的 条 件 来 去 除 极 薄 、 无 色 的 
约束 ， 以 描述 某 一 范围 内 的 透视 介质 。 

绿 玻璃 之 所 以 呈现 绿色 ， 是 因为 它 透 射 了 绿 光 。 如 果 将 绿 玻璃 置 于 黑色 背景 上 ， 则 它 
主要 呈现 为 黑色 ， 因 为 其 表面 反射 光 中 几乎 没有 绿 光 。 如 果 我 们 继续 使 用 微观 局 部 覆盖 率 
模型 ， 则 此 时 玻璃 的 es0。 事 实 上 ， 绿 玻璃 对 其 他 频率 的 光 也 无 反射 ， 因 此 5, 守 ss 守 5; 一 
0。 但 当 绿 玻璃 放置 在 白色 表面 上 时 ， 我 们 难以 使 用 单一 的 覆盖 率 值 a 来 描述 其 外 观 ， 这 
是 因为 绿 玻璃 对 红 光 和 蓝光 的 覆盖 率 值 较 高 ( 红 、 蓝 光 被 谈 挡 )， 而 对 绿 光 的 覆盖 率 值 较 低 
( 绿 光 可 透 过 玻璃 )。 此 时 需要 对 覆盖 率 模型 进行 扩展 。 设 *. 表示 表面 在 频率 c 附近 频 域 的 
反射 光 或 自发 光 的 颜色 ，1 一 z. 为 表面 对 频率 为 c 的 光 的 微观 覆盖 率 ， 其 中 t 是 光 的 透射 
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率 。 我 们 仍 采用 s, 来 表示 透射 介质 的 宏观 局 部 覆盖 率 ， 则 可 以 通过 将 来 自 背 景 的 光 能 贡献 
乘 以 1 再 又 加 当前 采样 表面 s 的 贡献 来 描述 它 放置 在 背景 上 的 混合 效果 。 

为 了 用 代码 实现 此 模型 ， 我 们 使 用 SRC_COLOR 枚 举 类 型 选择 性 地 遮挡 来 自 背 景 的 光 ， 
再 在 第 二 步 中 添加 表面 的 贡献 。 


// Selectively block light from the background 
// where there is coverage 

Setbolor(t a va 二 人 小 区 

BlendFunc (ZERO, SRC_COLOR); 

DrawSurface (); 


// Add in any contripbution from the surface itself, 
// held out by its own coverage. 

SetColor(s); 

BlendFunc (SRC_ALPHA, ONE); 


注意 ， 这 个 例子 模拟 的 是 具有 宏观 局 部 覆盖 率 的 薄 表 面 对 光 的 透射 。 如 果 表 面 被 完 
覆盖 量 没 有 散射 光 ， 整 个 例子 将 简化 为 : 


= 


4 


1 SetColor (t); 
2 BlendFunc (ZERO, SRC_COLOR); 
3 DrawSurface(); 


我 们 将 它 表述 为 类 似 于 OpenGL API 中 的 实时 光栅 化 绘制 形式 。 这 一 数学 模型 亦 可 逐 
个 像素 地 应 用 于 其 他 绘制 框架 中 (如 光线 跟踪 )。 这 也 是 绘制 中 常用 的 方法 。 假 如 你 已 经 编 
写 了 一 个 光线 跟踪 器 ， 其 中 包含 了 精巧 的 光线 散射 代码 ， 则 可 轻而易举 地 基于 BSDF 实现 
比 混合 方法 更 精确 的 透视 效果 。 但 如 果 选 择 使 用 混合 模型 ， 则 其 代码 如 下 : 


1 Radiance3 shade (Vector3 dirToEye, Point3 P, Color3 t, Color4 s, ...) { 
2 Radiance3 d; 


3 if (bsdf has transparency) { 

4 // Continue the ray out the back of the surface 

5 Q = rayTrace (Ray(P - dirToEye * epsilon, -dirToEye)); 

6 } 

流 

8 Radiance3 € = dixrectIliumination'(p, dirToBye;, S.Ygby 600) 

9 

10 // Perform the blending of this surface’s color and the background 
11 Eeturn GG SalBha 中 {t+ Salbha + 1 - S-alpha)y 


上 述 透 射 混合 模型 可 计算 表面 对 不 同 频率 (颜色 ) 光 的 透射 和 对 某 一 颜色 光 的 散射 或 自 
发 射 。 不 过 它 仍然 假设 物体 是 无 限 薄 的 ， 表 面 透 射 可 一 次 计算 完成 。 如 果 物 体 的 厚度 非 
零 ， 由 于 光 在 材料 中 会 不 断 地 被 吸收 ， 对 同一 材质 的 物体 ， 厚 物体 透射 的 光 要 比 薄 物 
体 少 。 

考虑 两 个 薄 物 体 放置 在 一 起 的 情形 ， 假 设 它们 的 宏观 覆盖 率 ;二 1， 微 观 覆 盖 率 为 1 一 
te( 透 射 率 ) 。 第 一 个 物体 可 透射 比率 为 上 的 背景 光 ， 即 d'= 二 td; 第 二 个 物体 透射 比率 为 1 
的 dq ， 因 而 来 自 背 景 的 光 的 总 贡献 为 d”"==#*d。 这 一 结果 与 先前 介绍 的 基于 宏观 局 部 覆盖 
率 的 双 层 混合 例子 相同 。 类 似 地 ， 对 于 3 个 薄 物 体重 又 的 情形 ， 总 的 透射 光 为 dq。 按照 
这 一 模式 ， 一 个 由 nn 层 薄 物体 组 成 的 厚 物体 可 透射 +"q 的 光 。 因 此 ， 光 在 材质 中 被 吸收 的 
量 与 其 穿 过 的 距离 成 指数 变化 ， 如 式 (14-13) 所 示 。 

如 果 我 们 能 基于 光 在 介质 中 传输 的 距离 二， 预先 计算 出 厚 物 体 总 的 有 效 透 射 系数 +， 
则 可 以 采用 简单 的 混合 模型 来 模拟 透射 效果 。 三 种 常见 的 计算 物体 厚度 的 算法 是 跟踪 一 根 
光线 (即使 在 光栅 化 算法 环境 中 也 是 如 此 )、 绘 制 多 个 深度 缓存 区 来 确定 物体 的 前 面 和 后 面 
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(例如 LBCL 07]),， 或 者 简单 地 假定 一 个 恒定 的 厚度 值 。 常 用 常数 有 表示 光 的 吸收 率 ， 沿 
该 光线 路 径 厚 物体 的 总 透射 率 为 1+ 二 e“， 可 以 采用 这 一 常数 直接 调用 薄 物 体 的 混合 模型 
来 计算 透射 效果 。 指 数 衰减 模型 是 一 个 相当 准确 的 模型 ， 而 且 & 可 以 依据 第 一 原理 计算 获 
得 ; 然而 基于 本 节 所 给 出 的 绘制 框架 ， 用 户 在 实现 时 更 可 能 从 审美 角度 选择 & 值 。 


14. 10.4 自发 光 


我 们 常常 需要 绘制 一 些 自身 发 光 但 不 对 其 他 面 片 产生 光照 的 物体 。 例如， 汽车 的 尾 
灯 、 计 算 设备 的 LED 灯 等 对 于 场景 的 光照 贡献 可 以 忽略 不 计 ， 但 是 在 画面 中 它们 需要 显 
得 发 亮 。 这 种 效果 可 以 采用 以 下 方式 实现 : 首先 以 正常 方式 绘制 场景 ， 然 后 将 发 光 表 面 视 
为 一 个 新 面 片 ， 使 用 BlendFunc (ONE，ONE) 对 其 进行 绘制 ， 实 现 自发 光 表 面 与 已 绘制 场 
景 的 着 加 混合 。 

某 些 看 似 透明 介质 的 自发 光 会 产生 一 些 特殊 的 光照 效果 ， 例 如 霓虹灯 发 出 的 光 、 闪 
电 、 科 幻 小 说 中 的 力 场 、 虚 幻魔 法 效果 等 。 虽 然 这 些 例子 中 的 自发 光 面 片 并 不 可 见 ， 但 不 
影响 对 其 光照 贡献 的 释 加 混合 。 


14. 10.5 光 晕 和 镜头 眩光 

镜头 眩光 和 光 晕 是 在 真实 相机 的 光 程 中 发 生 的 现象 。 我 们 可 以 对 真实 光 程 进行 建 模 ， 
但 如 果 仅 为 模拟 这 种 现象 ， 则 采用 BlendFunc (ONE，ONE) 函数 将 多 镜片 引起 的 光 能 贡献 
释 加 混合 到 绘制 画面 上 更 为 高 效 。 光 尝 模拟 了 入 射 光 在 透镜 内 的 扩散 和 传感器 饱和 现象 。 
常 通过 对 屏幕 上 的 最 亮 区 域 进行 模糊 处 理 并 将 模糊 结果 秋 加 到 画面 上 来 模拟 光 尝 效果 。 镜 
头 眩 光源 于 镜头 各 镜片 间 的 多 重 反 射 ， 常 通过 在 屏幕 上 沿 着 一 根 指 向 最 亮 处 (如 太阳 ) 的 直 
线 绘制 一 系列 虹膜 形状 的 光圈 (如 六 边 形 或 者 圆 盘 ) 来 模拟 眩光 现象 。 


14. 11 光源 模型 

计算 机 图 形 学 中 的 光源 是 光 的 来 源 。 在 日 常生 活 中 ， 我 们 遇 到 的 光源 具有 不 同 的 光 
谱 、 不 同 的 表面 形状 和 不 同 的 强度 。 例 如 ， 太 阳 大 而 遥远 ， 聚 光 灯 小 而 明亮 ， 交 通 灯 相对 
较 暗 并 且 是 彩色 的 。 我 们 在 虚拟 世界 遇 到 的 光源 具有 更 多 的 变化 ; 例如 ， 洞 穴 里 的 磷 光 戎 
类 、 魔 幻 的 独 角 兽 光环 或 者 在 星际 船上 的 航向 灯 。 

在 我 们 提出 光源 模型 前 ， 首 先 需 要 讨论 光 。 光 是 在 空间 中 沿 着 直线 传播 并 在 表面 上 
发 生 散 射 的 能 量 ( 以 光子 形式 )。 计 算 机 图 形 学 中 有 许多 光学 模型 ， 但 它们 都 从 表示 单位 
时 间 内 通过 空间 某 一 点 的 光 能 开始 。 这 里 先 给 出 一 个 简单 介绍 ， 在 第 26 章 我 们 将 进行 
详细 的 讨论 。 读 者 可 以 在 尚未 理解 光 传 播 的 机 制 和 物理 原理 的 情况 下 使 用 本 章 所 介绍 的 
模型 去 绘制 场景 ， 但 是 建议 你 在 绘制 第 一 幅 图 像 后 ， 阅 读 第 26 章 以 加 深 对 这 些 模型 的 
理解 。 


14. 11. 1 辐射 度 函 数 


我 们 希望 知道 空间 中 一 点 X 处 的 光照 ， 该 点 常 为 场景 中 某 个 表面 上 的 一 点 ， 但 也 并 
非 都 如 此 。 从 方向 w 入射 到 点 X 的 光 能 量 记 为 工 X，ow)， 它 隐 式 地 定义 了 以 变量 X 和 w 
为 参数 的 函数 L， 称 为 辐射 度 函 数 ， 也 称 为 全 光 函 数 。 为 明确 起 见 ， 变 量 w 表示 光 的 传输 
方向 。 如 果 有 光子 沿 方向 ww 通过 已 点， 则 L(P，w) 关 0,， 但 很 可 能 L(P， 一 w) 二 0。 按 照 
惯例 我 们 取 方 向 w 为 单位 向 量 。L 的 单位 是 瓦特 /每 平方 米 每 立体 弧度 ， 即 WwW .mm“” 。 
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sr ，。 面 片面 积 用 平方 米 度 量 。 立 体 弧 度 是 对 球面 角度 的 测量 ， 称 为 立体 角 。 和 角度 可 以 度 
量 平面 上 2D 圆周 上 的 1D 区间 。 可 以 用 “每 弧度 ”来 度量 通过 1D 区 域 的 某 一 物理 量 的 速 
率 。 同 样 我 们 使 用 “每 立方 弧度 ”来 测量 通过 单位 球 上 的 2D 区 域 的 能 量 。 

当 光 线 在 真空 中 传播 时 其 辐射 度 保持 不 变 。 车 已 知 L(X，w) 值 ， 只 要 沿 着 光线 从 X 
到 距离 + 内 无 遮挡 体 ， 就 能 知道 L(X 十 tw，w) 的 值 (其 中 1 二 0)，。 


14. 11.2 直接 光 和 间接 光 

我 们 将 到 达 物 体 表面 的 光 分 为 光源 直射 光 和 经 过 场景 中 物体 表面 的 反射 和 透射 间接 到 
达 的 光 。 例 如 在 户外 的 游泳 池 旁 ， 太 阳光 直射 你 的 头顶 ， 同 时 也 会 通过 水 面 的 反射 间接 照 
到 你 的 下 巴 。 如 果 没 有 这 些 间接 光 的 照射 ,你 的 下 巴 将 完全 无 光照 。 间 接 光 源 产生 于 光源 
和 场景 的 交互 ， 所 以 我 们 把 它 视 为 光 的 传输 模型 而 不 是 光源 模型 的 一 部 分 。 
14. 11.3 实用 和 艺术 考虑 

代码 清单 14-10 定义 了 一 个 光源 类 基 类 的 典型 实现 方法 。 此 方法 着 眼 于 将 光源 并 入 绘 
制程 序 的 实用 性 ， 而 不 是 光源 的 物理 性 质 。 

代码 清单 14-10 ”所 有 光源 的 基 类 ( 略 去 了 一 般 实 现 细节 ) 


1 /xx Base class for light sources */ 
2 Glass Light 








3 publiec: 

4 eonst std:string name() eonsty 

3 

6 Virtual CoordinateFrame cframe() const; 

7 

8 /*% For turning lights on and ofE x«/ 

9 virtual bool enabled() const; 

10 

i /xx 七 rue for physically-correct lights */ 

12 virtual bool createsLambertianReflection() const; 
13 

14 /x true For pliysically=eorrect lights w/ 

15 virtual bool createsGlossyReflection() const; 

16 

417 /#w' true for physically-correct lights w/ 

18 virtual bool createsGlobalIllumination() const， 

19 

20 /** true for physically-correct lights */ 

21 virtual bool castsShadows() const; 

2 

23 HAAAIIAAIAA AIAI ANIANAIN ALUN TIOIHAANY UALALLSY 

24 // Direct illumination support 

25 

26 /** Effective area of this emitter. May be finite, 
27 zero, or infinite. x/ 

28 virtual float surfaceArea() = 0; 

29 

30 /x** Select a point uniformly at random on the surface 
31 of the emitter in homogeneous coordinates. */ 
32 virtual Vector4 randomPoint() const = 0); 

33 

34 /** Biradiance (solid-angle-weighted radiance) at P due 
35 to point Q on this light, in W/ m2. 90 must be a value 
36 previously returned by randomPoint(). */ 

3 virtual Biradiance3 biradiance 

38 (const Vector4& Q, const Point3& P) const = 0; 
39 


40 LV 
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41 // Photon emission support 

42 

43 /** Total power; may be infinite */ 

44 virtual Power3 totalPower() const = 0; 

45 

46 /** Returns the position OQ, direction of propagation w_o, and 
47 normalized spectrum of an emitted photon chosen with 

48 probability density proportional to the emission density 

49 tunettieon for thies Tight,. 去/ 

50 virtual Color3 emitPhoton (Point3& Q, Vector3& w_o) const = 0;，; 
SEAS 





我 们 为 每 个 光源 设置 一 个 参考 坐标 系 (cframe)。 对 于 有 限 距 离 处 的 光源 ， 取 其 中 心 
和 光源 的 朝向 。 而 对 于 无 限 远 光源 ( 即 方向 光源 ) ， 则 设置 参考 坐标 系 并 在 场景 中 设 定 一 个 
显示 用 户 界面 的 窗口 用 于 操作 此 光源 。 
14. 11. 3. 1 非 物 理学 工具 

在 光源 和 场景 的 交互 中 ， 采 用 非 物 理学 方式 进行 操作 常常 是 必 备 的 选项 。 为 了 获得 某 
种 画面 效果 ， 这 些 操作 也 许 偏 离 了 物理 原理 ， 但 有 时 可 用 它们 来 弥补 绘制 模型 的 错误 。 众 
所 周知 ， 如 果 数 据 错误 ， 即 使 采用 正确 的 绘制 模型 也 不 能 生成 正确 的 图 像 ( 反 之 亦 然 ) 。 为 
了 生成 更 为 真实 的 画面 效果 ， 有 时 我 们 会 刻意 违反 物理 规则 对 一 些 已 知 的 局 限 性 和 近似 进 
行 补 偿 。 图 14-10 中 列举 的 类 中 包含 了 几 种 这 样 的 工具 ， 例 如 设置 的 光源 不 产生 阴影 或 者 
不 参与 朗 伯 漫 反射 计算 。 显 然 使 用 这 个 类 的 绘制 器 应 因 这 些 设置 能 产生 满意 的 画面 效果 而 
庆幸 。 

在 该 类 中 ， 不 产生 光泽 反射 (例如 高 光 ) 的 光源 提供 了 所 谓 的 “ 填 色 ”或 “ 漫 射 ” 效 
果 ， 可 创建 3D 形状 、 柔 和 色调 、 近 似 的 全 局 光照 、 浅 表面 散射 效果 等 感知 线索 。 只 包含 
光泽 的 光源 则 生成 明显 高 光 但 无 其 他 着 色 效 果 。 这 些 特 设 的 光源 对 模拟 实际 光源 生成 的 感 
知 线索 非常 有 用 。 实 际 光源 是 在 场景 中 可 见 到 的 光源 ， 而 不 是 照 亮 大 部 分 场景 但 看 不 到 的 
光源 。 这 个 术语 来 自 电 影 或 戏剧 作品 ; 例如 电影 中 的 餐厅 ， 桌 上 的 蜡烛 实际 上 只 提供 了 极 
少 的 光照 ， 场 景 上 照明 主要 来 自 镜头 外 的 明亮 的 舞台 灯 。 在 产生 窗户 的 感知 效果 方面 ， 仪 包 
含 光 泽 光 的 光源 其 为 有 用 ， 因 其 无 需 考 虑 来 自 这 些 窗户 的 室外 入 射 光 对 场景 的 光照 影响 。 
注意 到 “ 朗 伯 ”和 “光泽 ”反射 率 属于 表面 的 材质 属性 ， 而 非 光源 属性 ， 上 述 使 用 隐 含 了 
对 某 一 具体 材质 和 着 色 模 型 的 假设 。 

真实 世界 中 光源 发 射 的 光 在 被 感知 之 前 可 能 经 历 了 多 次 反射 。 从 画面 效果 考虑 ， 直 接 
调 亮 人 射 到 一 个 特定 物体 上 的 光 而 无 需 经 过 耗 时 的 计算 和 对 其 全 局 多 次 散射 的 模拟 是 非常 
实用 的 。 一 个 局 部 光源 只 在 它 直 接 照射 到 的 表面 上 产生 散射 。 注 意 ， 在 光照 模型 中 , “局 
部 ”也 指 光源 与 场景 中 可 见 部 分 为 有 限 距 离 。 

我 们 也 许 希 望 能 选择 性 地 取消 对 某 些 光源 的 阴影 计算 。 这 一 功能 可 以 减 小 可 见 性 测试 
的 代价 ， 同 时 消除 可 能 引起 视觉 混乱 的 阴影 ， 例 如 由 手持 火炬 产生 的 阴影 。 
14. 11. 3.2 ”直接 光照 的 应 用 接口 

把 光源 类 Light 做人 绘制 程序 中 的 关键 方法 是 randomPoint 和 radiance。ran- 
domPoint 方法 在 光源 表面 随机 均匀 地 选取 一 个 点 (“随机 均匀 选择 ”这 个 术语 在 第 30 章 
有 精确 的 定义 ， 现 在 只 需 理 解 为 “每 个 点 被 选取 的 概率 相同 ”)。 由 于 这 个 点 离 场 景 中 其 他 
物体 可 能 无 限 远 ， 所 以 我 们 采用 齐 次 向 量 来 表示 其 返回 值 。 倘 若 光 源 表面 上 各 点 发 射 光 的 
强度 不 同 ， 一 个 较 好 的 界面 是 在 光源 表面 选取 采样 点 时 ， 使 该 点 人 选 的 概率 与 其 发 射 的 光 
能 成 正比 。 进 一 步 的 实现 细节 包括 如 何以 随机 但 相当 均匀 的 方式 在 光源 表面 上 选择 采样 
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点 。 第 32 章 中 简 述 的 分 层 采样 即 为 这 样 一 种 采样 方法 。 

radiance 方法 返回 光源 上 一 采样 点 (假定 由 调用 randomPoint 获得 ) 人 射 到 场景 中 
的 一 点 (假设 其 间 无 遮挡 ) 所 产生 的 辐射 度 。 我 们 将 在 光源 上 获取 采样 点 与 计算 其 辐射 度 的 
过 程 分 离开 来 ， 以 便 加 入 阴影 算法 。 此 外 还 必须 确定 场景 点 的 具体 位 置 而 不 仅仅 是 光源 的 
人 射 方向 ， 以 计算 非 平行 光源 光 强 沿 径 向 的 衰减 。 

代码 清单 14-11 显示 了 如 何 使 用 这 些 方法 来 计算 因 光 源 的 直接 光照 所 产生 的 朝 观 察 者 
方向 的 辐射 度 值 。 其 中 点 p 是 待 着 色 点 ，w_o 是 p 朝 视 点 方向 的 单位 向 量 , nm 是 p 点 处 的 
表面 单位 法 向 量 ，bsaf 是 表面 的 光 散 射 模型 (参见 第 27 章 中 对 基于 物理 的 散射 模型 的 详 
细 讨 论 ) 。 





代码 清单 14-11 任意 光源 的 直接 光照 





1 /x* Computes the outgoing radiance at P in direction w_o */ 
2 Radiance3 shadeDirect 

3 (const Vector3& wo const Point3& P, 

4 const Vector3& n, const BSDF& bsdf, 

5 const std::vector<Light*>& lightArray) { 

6 

和 Radiance3 L _o(0.0f); 

8 

9 for ‘(int 3 = 0; 1 < TightaArray.Sizeé()» +41), Hl 

10 const Lightx light = lightArraylil]; 

1] 

12 int N = numSamplesPerLight,; 

13 

14 // Don't over-sample point lights 

13 if (light->surfaceArea() == 0) N= 1; 

16 

I BE (nt 全 全， 囊 5 才 而 记 ES) 

18 const Vector4& Q = light->randomPoint () 

19 const Vector3& wi = (Q.XYZ() 去 互 一 PP * QWw) .direction()s; 
20 

21 if (wisible(P, @)) { v7/ shadow test 

22 const Biradiance3& M i = light->pbiradiance (Q, P); 
23 const Color3& f = bsdf.evaluateFiniteScatteringDensity(w_i, wo, n); 
24 

25 LLO'd= n.dot(w i) x Ew»MiY Ni; 

26 } 

2 } 

28 } 

29 

30 return L_o; 

31。 








如 果 这 是 你 第 一 次 遇 到 如 代码 清单 14-11 所 示 的 代码 ， 那 么 现在 只 需 简 单 看 一 下 然后 
把 它 当 作 一 个 黑箱 。 第 32 章 将 从 辐射 度 学 给 出 关于 这 一 实现 的 更 完整 的 解释 。 下 一 节 则 
对 这 个 实现 的 推导 做 简要 说 明 。 
令 14.11.3.3 与 绘制 方程 的 关系 
我 们 现在 试图 使 传统 图 形 流 水 线 中 (如 在 第 6 章 ) 的 “光源 ”和 第 31 章 描述 的 基于 物 
理 的 绘制 模型 协同 一 致 。 关 键 办 法 是 使 用 biradiance 9 单位 来 度量 光照 ， 这 样 传统 图 形 学 





加 ”我们 不 知道 之 前 已 有 光 能 接受 点 的 立体 角 面 积 加权 辐 射 度 这 个 名 称 ， 所 以 在 此 处 引入 “biradiance” 来 表明 
它 跟 两 个 点 相关 。 这 个 量 和 辐射 度 (考虑 了 整个 半球 的 光照 情况 )、 光 照度 (基于 光源 表面 的 量度 ) 、 发 射 率 
(类 似 的 概念 ) 以 及 其 他 具有 相同 单位 的 常见 物理 量 有 显著 的 不 同 。 
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模型 就 可 视 为 光源 的 物理 模型 和 绘制 方程 的 简化 形式 。 

在 本 章 中 涉及 材质 是 因为 它 是 基于 光源 真实 物理 的 传统 近似 模型 的 组 成 部 分 ， 因 此 在 
介绍 完整 理论 前 我 们 先 介绍 材质 模型 。 阅 读 第 26 章 和 31 章 或 者 具有 应 用 图 形 系 统 的 经 验 
后 回 到 这 一 节 对 读者 也 会 有 所 帮助 。 

对 于 只 包含 点 光源 和 Phong 双向 散射 分 布 函数 的 场景 ,numSamplesPerLight= 1， 
代码 清单 14-11 退化 为 大 家 熟悉 的 OpenGL 固定 功能 的 着 色 算法 。 本 章 给 出 的 框架 提供 了 
对 OpenGL 中 光源 参数 含义 的 解释 ， 这 使 我 们 在 使 用 基于 物理 的 绘制 器 绘制 经 典 的 点 光源 
场景 时 更 为 踏实 。 它 也 使 我 们 在 生成 真实 感 图 形 时 更 有 可 能 采用 类 似 于 OpenGL 的 API 
界面 。 

对 所 有 场景 ， 代 码 清单 14-11 计算 直接 光照 的 方式 既 适 合 
路 径 跟踪 一 类 的 一 些 算法 也 适合 在 光栅 化 过 程 中 显 式 进行 计 
算 。 它 可 作为 对 绘制 方程 中 直接 光照 项 的 估计 (图 14-28 显示 了 
其 涉及 的 一 些 关键 变量 )。 这 个 预料 之 外 的 光 辐 射 量 单位 是 源 
于 对 我 们 常用 来 表示 绘制 方程 变量 的 一 种 变化 。 根 据 绘制 方 。 一 
程 ， 我 们 通常 将 直接 光照 的 散射 表示 为 : 图 14-28 在 己 点 的 反射 光 





L(P,w,) = | LP,—@) fr (Oi On. ido; (14-25) 
0 
其 中 光照 计算 的 积分 域 是 位 于 P 点 上 方 的 半球 面 Q7。 
可 具体 实现 如 下 : 
1 repeat N 七 imes : 
2 过 胡 开 三 到 PLIY N; 
3 II 三 7 
4 Lo+t= Li ww bsdf.evaluate(s..) * no0t (Ww 4) w dw 43 


但 是 路 径 跟踪 和 其 他 需 进行 直接 光照 采样 的 算法 一 般 对 光源 表面 进行 采样 ， 而 不 是 对 
着 色 点 的 人 射 方向 进行 采样 。 

我 们 必须 把 积分 域 从 0 + 变换 为 光源 的 表面 ， 这 就 必须 对 ee 
变量 作 适 当 的 替换 。 考 虑 位 于 表面 AA 的 单个 光源 ， 其 Q 点 处 | 
的 表面 单位 法 向 量 为 m( 如 图 14-29 所 示 )。 ) 

从 三 点 到 光源 表面 AA 的 距离 近似 为 -= 上 |Q 一 Pl| ,而 P yh 
点 到 其 上 方 单位 半球 面 上 小 块 区 域 AQ 距离 为 1。 如 果 Q 点 周 /WN 

1 
和 





围 的 区 域 AA 不 是 倾斜 的 ( 即 m 和 方向 相反 )， 则 它 的 面积 
是 AQ 面积 的 倍 。7. 10. 6 节 指出 ， 倾 斜 时 的 面积 须 乘 以 一 
个 余 疙 因子 ， 即 AA 的 面积 近似 为 AQ 面积 的 |m*w,| 倍 ， 
其 近似 精度 随 着 AD 变 小 而 提高 。 所 以 当 积分 变量 从 do 变 为 
dA 时 ， 被 积 函 数 的 改变 量 ( 常 标记 为 类 似 于 59 的 符号 ) 为 。 轩 29 小 的 这 体 角 A0 


we 的 对 应 区 域 和 A 
各 二 名和。 我 们 以 S CQ 一 P) 蔡 换 wy， 则 式 (14-25) 变 为 ， 








L(P,w,)= | LP,—@) fei Vn. Wdo: (14-26) 
0 





m. S(Q—P) 
dA 
llQ— Pl 
(14-27) 


=| LOP,S(P—Q)fo(S(Q—P) wn: S(Q—P). 
QE 
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公式 中 的 某 些 地 方 我 们 用 P 一 Q 代替 Q 一 已 ， 以 消除 负 号 或 者 绝对 值 。 

一 种 估算 任意 函数 g 在 任意 区 域 上 的 积分 的 方法 是 在 该 区 域内 随机 选择 采样 点 X， 并 
计算 g(CX) 的 值 ， 然 后 乘 以 区 域 的 面积 (在 第 30 章 将 讨论 更 多 细节 )。 如 果 我 们 重复 这 个 过 
程 ， 虽 然 每 一 个 单独 的 估算 结果 可 能 不 是 很 准确 ， 但 是 随 着 选取 的 独立 样本 点 的 增加 ， 它 
们 的 平均 值 会 越 来 越 逼 近 真 实 的 积分 值 。 把 这 一 方法 应 用 于 上 述 积分 ， 如 果 我 们 在 光源 上 
选择 N 个 采样 点 Q; ER， 其 反射 光 可 表示 为 : 

L(PioJ) 一 | L(P,S(P -QS(Q— Pm)n. S(Q—P). eS Pa 
QeR el 
(14-28) 

< mv. S(P—Q,) A 

A QfFES Qi — Pm)n. SQ 一 P)， To pl NN 
(14-29) 








因子 合 的 另 一 种 解释 是 每 个 样本 点 Q, 代表 光源 面积 的 N 分 之 一 。 
令 oi 为 从 P 点 到 光源 上 第 了 个 采样 点 Q, 的 单位 向 量 5 (Q 一 P)， 则 得 到 以 下 表 


达 式 : 
N 
= 一 A 
a YD en Dn Oy. (14-30) 
O 之 Oi) 1pCOi OIN: II 人 二 ET 
记 MCP，Q, ，mm) 为 : 
M(P, Q,, m) 二 AL(P,， wi) TO 一 了 地 (14-31) 
则 反射 辐射 度 可 表示 为 : 
1 ~ 
LP, )~ 2 MP,Q) fr i On wi, (14-32) 
1 一 1 


N 
= HY MP,Q, SY UO Pn GtO = By 人间) 
J 一 1 


M 的 单位 为 m? 乘 以 辐射 度 单位 再 乘 以 dw/dA 的 单位 (每 平方 米 对 应 的 立体 角 )， 最 后 的 单 
位 为 W/m 。 我 们 称 M 为 biradiance( 非 标准 的 辐射 学 术语 )， 表 示 它 依赖 于 空间 中 的 两 
点 ， 其 中 一 点 为 光源 上 的 采样 点 ， 另 一 点 在 接收 面 上 。 

我 们 稍 后 再 对 M 进行 解释 ， 但 是 此 公式 导致 如 下 的 伪 代 码 ， 仍 取代 码 清单 14-11 中 的 
代码 结构 : 


1 repeat N times: 

2 // Computed by the emitter 

3 Ee = 

4 加 和 三 区- 汪 (tE (Ww)y DEY KA EE = 2 

入 

6 // Computed by the integrator (i.e., renderer) 

7 if there is an occluder on the line from P to 0 then Mi = 0 
8 DO. = Mi * bsdf .evaluate(,.o) % Hdot(W 1) 7 N 


因此 ， 对 于 弃 用 的 固定 功能 OpenGL Phong 着 色 和 WPF 着 色 的 一 种 解释 是 其 中 的 
“ 光 强 ” 即 为 函数 M， 单 位 是 瓦特 /平方 米 。 这 个 特殊 的 量 在 辐射 度 学 中 没有 名 字 。 值 得 注 
意 的 是 ， 在 大 多 数 使 用 经 典 模型 的 简单 绘制 中 ， 并 没有 模拟 1/ 疡 径 向 衰减 ， 所 以 其 中 的 光 
强 即 为 M 尚 存 置疑 。 而 你 如 果 想 使 用 经 典 模型 去 逼近 物理 真实 ， 则 需 引 入 1/ 二 衰减 ， 并 
按 M 表达 式 计算 光源 的 “ 光 强 ” 值 。 
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14. 11. 3.4 光子 发 射 的 接口 

双向 光线 跟踪 和 光子 映射 等 算法 跟踪 从 光源 发 射 到 场景 中 的 虚拟 光子 的 路 径 。 这 些 虚 
拟 光 子 和 它们 所 模拟 的 真实 光子 存在 两 方面 的 差别 。 第 一 ， 虚 拟 光 子 的 状态 包含 光子 位 
置 、 传 播 方向 和 光子 功率 等 信息 。 真 实 光 子 传播 的 是 能 量 ， 但 是 绘制 时 假设 光 处 于 稳定 的 
传播 状态 ， 此 时 模拟 的 是 能 量 传播 的 速率 。 更 准确 地 说 ， 每 一 个 虚拟 光子 表示 的 是 一 个 光 
子 流 ， 或 一 段 光 的 传播 路 径 。 第 二 ， 一 幅 真 实 图 像 涉 及 数 以 万 亿 计 的 光子 的 贡献 ， 而 绘制 
时 只 采样 了 几 百 万 个 虚拟 光子 (因为 每 个 虚拟 光子 代表 了 一 个 光子 流 ， 所 以 实际 上 隐 式 地 
模拟 了 大 量 的 真实 光子 ) 。 

光子 跟踪 的 第 一 步 是 从 光源 发 射 光子 到 场景 中 。 代 码 清 单 14-12 显示 了 如 何 使 用 光源 
接口 采样 numPhotons 个 发 射出 来 的 虚拟 光子 ,采样 时 的 概率 密度 函数 与 每 个 光源 的 功 
率 成 正比 。 

代码 清单 14-12 ”为 进行 光子 上 映射， 从 一 套 光源 产生 numPhotons 个 光子 


1 void emitPhotons 

2 (eonst ‘int numPhotons, 

3 const Array<Light*>& lightArray, 
Array<Photon>g& photonArray) { 





4 

5 

6 const Power3& totalPower; 

本 ER 人 

8 totalPower += lightArray[i]->power (); 

10 for (int p = 0; p < numPhotons; ++p) { 

11 // Select Lwith Probability L.power.sum()/totalPower.sum!() 


12 const Light* light = chooseLight (lightArray, totalPower); 
13 

14 Point3 总 7 

15 Vector3 WO? 

16 const Color3& c = light->emitPhoton(Q, w_o); 

i 

18 photonArray.append (Photon(c*totalPower/numPhotons, Q, w_o)); 
19 } 

2 人 





14. 11.4 ” 算 形 面 光 源 


图 14-30 显示 了 一 个 从 和 矩形 单 侧 发 射 光 的 面 光源 。 它 
是 一 个 “ 朗 伯 发 射 体 ”"。“ 朗 伯 发 射 体 ” 指 如 果 将 我 们 的 
视 域 限定 为 整个 面 光 源 ， 那 么 不 论 光 源 的 朝向 和 距离 ， 
我 们 所 感受 到 的 光源 亮度 相同 。 我 们 使 用 一 个 正 交 坐标 
系 来 描述 光源 的 方向 。 在 这 个 坐标 系 中 m 是 发 射 光子 的 
矩形 表面 的 单位 法 向 量 ,，u 和 v 是 沿 着 其 两 条 边 的 坐标 
轴 。 边 的 长 度 由 extent 变量 给 定 ， 光 源 中 心 在 点 C 处 。 

光源 发 射 的 总 功率 为 Phi。 这 意味 着 如 果 增 加 ex- 图 14-30 位 于 天 花 板 上 的 矩形 面 
tent， 场 景 中 的 光照 将 保持 不 变 ， 但 是 因为 同样 的 能 量 光源 的 参数 化 
发 射 于 一 个 更 大 的 光源 表面 ， 因 而 光源 表面 会 变 暗 。 

朗 伯 发 射 体 上 的 09 点 沿 方向 @ 的 辐射 度 (W/(m?sr)) 为 总 发 射 功率 (W) 除 以 发 光 体 的 
面积 (m?* ) 和 “投射 立体 角 ” (sr) 
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LQ = 里 
4| |Iy.mldy 
0 
二 
Arsr 


有 关 它 和 其 他 辐射 度 学 名 词 的 讨论 ， 可 参见 26. 7. 1 节 。 


(14-34) 


(14-35) 


下 面 计算 PP 点 在 Q 点 照射 下 的 辐射 度 。 令 wi; 二 SC(Q 一 P)， 光 沿 方向 一 wi; 从 Q 点 到 达 


P 点 。 根据 公 式 (14-35)， 离 开 QQ 点 的 光 辐 射 度 为 B/C(Axsr)。 所 以 








A 
MtQEPY= LP, Oi) (一 11。 四 ;)ST 
IQ= Pl? 
二 A | 
ne Tao—= Pl m* i)sr 
3 (一 1。wWi)G 
IQ=— RI 


(14-36) 


(14-37) 


(14-38) 


此 公式 假定 了 点 已 是 在 矩形 光源 的 发 射 面 上 ， 并 且 与 Q 点 之 间 无 遮挡 。 基 于 上 述 推 导 ， 


代码 清单 14-13 给 出 了 此 类 光源 的 Light 方法 的 实现 代码 。 
代码 清单 14-13 ” 单 侧 矩形 面 光源 模型 





class RectangularAreaLight : Public Light { 
private: 
// Orthonormal reference frame of the light 
Veéctor3 Us Vv; 全 


Vector2 extent; 


// Center of the source 
POLNt3 Cs 


Power3 Phi; 


BUblie: 


Vector4 randomPoint () const { 
return Vector4(C + 
U + (random(-0.5f, 0.5£f) * extent .x) + 
二 (randoml(-0.5f. O05E) + extent. y); 1.0f)? 
} 


return extent .x * extent .y; 


} 


Power3 power() const { 
return Phi; 
} 


Biradiance3 biradiance (Vector4 Q, Vector3 P) const { 
assert (Q.w == 1); 
Const Vector3g& w_i = (Q.xyz() - P) .direction(); 


return Phi * max(-m.dot (w_i), 0.0f) / 


1 

2 

: 

4 

3 

0 

7 

8 

9 

10 

11 

2 

3 

14 

15 

16 

17 

18 

19 

20 

wl 

22 

23 float area() const { 
24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 (PI * (P - Q.xyz()) .squaredLength () ) ; 
3 
38 


}; 
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14. 11. 5 半球 面 光源 


一 个 朝 球面 内 发 射 光 的 半球 面 光源 常用 来 表示 天 空 或 者 环境 中 远 处 的 景物 。 代 码 清 
单 14-14 将 矩形 面 光 源 概念 应 用 到 半球 面 光 源 中 。 两 处 自然 的 扩展 是 : 引入 一 个 坐标 系 使 
得 半球 面 的 中 心 可 以 取 任 何 位 置 和 任意 朝向 ; 通过 纹理 图 像 来 调控 半球 面 光 源 上 各 点 的 发 
射 功 率 ， 以 模拟 复杂 多 变 的 周围 环境 和 天 空 。 
代码 清单 14-14 ”以 原点 为 中 心 、 关 于 y 轴 旋 转 对 称 、 朝 球 内 侧 照 射 的 半球 面 光 源 模型 


1 class HemisphereAreaLight : public Light { 
2 private: 
3 // Radius 





4 float r; 

en Power3 Phi; 

6 

7 publies 

8 

9 

10 

11 Vector4 randomPoint() const { 

12 returnVector4 (hemiRandom(Vector3(0.0f, 1.0f, 0.0f)) *r,1.0f); 
13 } 

14 

15 float area() const { 

16 tN I 

17 } 

18 

19 Power3 power() const { 

20 return Phi; 

21 } 

22 

23 Biradiance3 biradiance (Vector4 OQ, Vector3 P) const { 
24 assert (Q.w == 1 && OQ.xyz().length() == r); 

25 

26 const Vector3g m = -Q.xyz() .direction(); 

Ny const Vector3g w_i = (Q.xyz() - P) .direction(); 
28 

29 rettEn Ph x mar(t=m dot (tw i QO0EY 

30 (BI x {PP = OO.xXyZ()) .squaredbLength()}s 
31 } 

2 时 








14. 11.6 全 向 光源 


全 向 点 光源 (全 向 光源 或 点 光源 ) 朝 所 有 方向 均匀 地 发 射 光 ， 且 其 包围 球 半径 与 离 它 最 
近 的 场景 点 的 距离 相 比 几乎 可 忽略 。 真 正点 光源 的 表面 面积 为 零 ， 但 能 发 射出 一 定量 的 光 
能 ， 因 此 光源 表面 将 无 限 亮 ， 显 然 这 种 光源 是 不 存在 的 。 不 过 现实 中 确 有 许多 光源 ， 它 们 
的 体积 和 其 所 在 场景 的 尺度 相 比 可 以 忽略 不 计 ， 例 如 手电 简 的 灯泡 和 汽车 仪表 板 上 的 LED 
灯 。 对 体积 更 大 些 的 光源 ， 也 常用 一 个 位 于 其 中 心 点 的 全 向 光源 来 近似 。 包 围 它 的 几何 面 
在 观察 者 看 来 仍 为 光源 ， 但 在 场景 光照 计算 中 并 不 发 射 光 能 。 例 如 ， 在 生成 筹 火 画面 时 ， 
可 以 在 飘忽 的 火焰 中 心 加 入 一 个 闪烁 的 全 向 点 光源 ， 而 火焰 自身 却 采 用 粒子 系统 来 绘制 。 

全 向 光源 通常 可 用 它 朝 所 有 方向 发 射 的 总 的 功率 @ 来 描述 ， 其 单位 为 瓦特 的 标量 值 ; 
也 可 以 采用 红 - 绿 - 蓝 三 元 组 来 表示 在 这 三 个 频率 上 所 发 射 的 功率 。 现 实生 活 中 的 经 验 提供 
了 对 场景 中 全 向 光源 功率 的 很 好 的 估计 ， 例如， 电灯 泡 即 以 它 消耗 的 瓦 数 进行 标记 。 我 们 
之 前 曾 说 过 ，100W 电灯 泡 发 出 的 光大 约 为 4W。 日 光 灯 的 发 光 效 率 是 白炽 灯 的 6 倍 ， 所 


304 第 14 章 








以 标 有 “相当 于 100W 白炽 灯 ” 的 日 光 灯 也 发 射 大 约 4W 的 可 见 光 ,但 它 所 消耗 的 电量 要 
小 得 多 。 

令 Q 为 全 向 光源 的 中 心 ， 从 光源 发 出 直接 到 达 己 点 的 光线 沿 方向 wo;i 一 SCQ 一 已) 传播 。 
这 里 wm; 从 物体 表面 指向 光源 ， 称 为 光照 矢量 ， 它 有 时 用 区 表示 (尽管 我 们 避免 使 用 这 个 符 
号 ， 因 为 它 和 辐射 函数 符号 L(。) 类 似 )。 

全 向 光源 是 对 非常 小 的 球状 光源 的 一 种 抽象 。 我 们 可 以 通过 计算 更 小 的 球状 光源 的 光 
照 效 果 来 估计 全 向 光源 的 光 发 射 辐射 度 。 在 我 们 的 公式 中 ， 唯 一 出 现 的 光源 尺寸 是 公 
式 (14-37) 中 的 光源 面积 项 A。 但 是 这 一 项 同时 出 现在 分 子 和 分 母 中 ， 可 以 被 消去 ， 故 最 
终结 果 与 面积 无 关 。 公 式 中 的 余弦 项 在 面 光 源 中 随 采 样 点 位 置 而 变化 ， 但 对 于 全 向 点 光 
源 ， 它 是 恒定 的 。 有 人 也 许 会 说 ， 这 说 明光 源 尺 寸 还 是 有 关系 的 。 不 管 怎 样 ， 结 论 是 我 们 
可 以 采用 相同 公式 计算 面 光 源 和 点 光源 的 光 发 射 辐射 度 。 

如 果 从 Q 到 己 之 间 不 存在 遮挡 ， 则 在 Q 点 的 全 向 光源 对 PP 点 的 光 发 射 辐射 度 ( 见 
图 14-31) 为 








时 G 
Mi(Q，P) KG (14-39) 
否则 此 项 为 0。 
注意 我 们 可 以 称 下 式 为 有 效 的 辐射 度 
A 9 i 
WE 0 (14-40) 


即 它 正比 于 光源 的 总 的 功率 ， 而 且 按 与 光源 距离 的 平方 衰减。 
事实 上 ， 如 果 将 此 表达 式 用 于 绘制 程序 中 ， 只 要 ||Q 一 P||“ 足 2 

够 大 ”， 就 能 生成 满意 的 图 像 。 但 它 不 是 真实 辐射 度 的 表达 J 

式 。 由 于 对 全 向 光源 所 做 的 不 切实 际 的 零 面积 假设 ， 导 臻 加 

射 度 值 随 距离 增加 而 衰减 ， 所 生成 的 是 一 个 物理 不 真实 的 空 

间 辐 射 度 场 。 注 意 ， 当 ||Q 一 P| 一 0 时 ， 按 上 式 计算 得 到 的 让 和 和 庆 国 人 
辐射 度 值 趋 于 无 穷 大 。 此 时 关于 物体 与 光源 的 距离 远大 于 光 . 

源 尺寸 的 初始 假设 不 再 成 立 ， 从 而 使 估算 出 来 的 光 强 值 超过 了 我 们 的 预计 。 常 见 的 做 法 是 
实施 最 大 值 截断 。 另 一 个 效率 稍 低 但 更 为 正确 的 修正 方法 是 当 这 一 距离 小 于 某 个 阔 值 时 ， 
将 光源 表示 为 具有 非 零 面积 的 物体 (例如 球面 )。 

若 表 面 上 的 采样 位 置 与 全 向 点 光源 之 间 存 在 遮挡 ， 则 这 些 位 置 无 光照 ， 从 而 在 图 像 中 
形成 阴影 。 由 点 光源 生成 的 阴影 边界 为 “ 硬 边界 "， 它 在 物体 表面 上 形成 一 条 清晰 的 分 界 
线 将 光照 区 域 和 阴影 区 域 分 开 。 这 与 面 光源 产生 的 具有 模糊 边缘 的 软 阴影 有 所 不 同 。 如 在 
阴影 映射 等 光照 算法 中 采用 低 于 辐射 度 计算 采样 的 精度 进行 阴影 测试 ， 也 会 导致 点 光源 出 
现 软 阴影 。 事 实 上 这 是 由 采样 走样 引起 的 重建 伪 迹 。 不 过 在 实用 中 它 的 视觉 效果 并 不 差 。 


14. 11. 7 平行 光源 


对 于 离 场景 中 所 有 物体 都 较 远 的 全 向 点 光源 而 言 ， 场 景 各 点 处 的 wi; 和 L(P， 一 wi) 儿 
乎 无 变化 。 此 时 工 和 wi 可 以 看 作 场 景 中 的 常量 ， 因 而 全 向 光源 可 进一步 简化 为 平行 光 。 
这 种 假设 可 能 会 损失 部 分 精度 ， 但 避免 了 在 场景 建 模 时 将 光源 置 于 遥远 处 的 困难 ， 为 太阳 
等 遥远 光源 提供 了 一 个 合理 的 建 模 方案 。 

我 们 可 以 表示 远 处 点 光源 的 总 的 功率 ， 但 是 其 功率 极 大 而 且 “ 远 处 ”在 概念 上 是 含糊 
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的 ， 较 为 简单 的 方法 是 将 场景 中 各 点 朝 光 源 方向 w; 的 入射 辐射 度 设 为 常数 ， 即 取 L(P， 
@) 二 L,。， 而 朝 其 他 方向 的 入 射 辐射 度 设 为 0。 一 个 有 用 且 值 得 记 住 的 常数 是 太阳 在 地 球 表 
面 各 点 的 Lo( 在 可 见 光谱 内 ) 大 约 为 1. 5X10"W/m sr。 而 太阳 照射 到 地 球 表 面 某 一 区 域 的 
可 见 光 的 总 功率 大 约 为 150W/m 。 当 然 ， 随 着 日 期 、 季 节 和 海拔 的 变化 ， 这 两 个 常数 也 
会 有 所 变化 。 


14. 11.8 聚光灯 


聚光灯 模拟 的 是 被 “遮光 板 ” 或 圆锥 形 灯 畦 部 分 遮挡 的 全 向 光源 。 剧 场 灯 、 闪 光 灯 、 
车 头 灯 以 及 真实 聚光灯 是 适合 这 一 模型 的 真实 光源 的 例子 (如 图 14-32 所 示 )。 通 常 将 遮挡 
聚光灯 的 几何 面 表 示 为 一 个 完全 吸光 的 球面 ， 球面 上 有 一 个 类 似 于 虹膜 的 圆 孔 ， 光 源 发 射 
的 光 只 能 通过 此 孔 射 出 。 灯 黯 内侧 完 全 吸光 的 假设 使 我 们 可 以 忽略 如 车 前 灯 和 闪光 灯 内 和 镀 
银 层 间 的 复杂 光 反 射 。 将 小 孔 造 型 成 圆 形 的 便利 之 处 是 只 需 判 断 一 点 积 值 是 否 大 于 某 个 阔 
值 即 可 确定 光线 能 否 通过 该 圆 孔 。 圆 形 小 孔 形成 圆锥 形 的 方向 光 。 





图 14-32 ” 装 有 正方 形 “ 遮 光板 ”的 剧场 灯 和 有 圆 形 出 射 口 的 聚光灯 (授权 : 左 图 ，Jim Barber/Shutter- 
stock; 右 图 ，Matusciac Alexandru/Shutterstock) 


令 G 为 遮光 板 里 全 向 光源 的 总 功率 。 这 比 给 出 实际 发 射 到 场景 的 光 能 更 为 方便 ， 它 使 
光照 设计 师 在 调整 聚光灯 的 圆锥 体 照 射 区 域 时 无 需 考 虑 对 该 区 域内 物体 亮度 的 影响 。 
令 0 过 9<xr 是 聚光灯 光 轴 与 圆锥 面 之 间 的 夹 角 。 当 9=r 时， 虹膜 完全 张 开 ， 对 光源 
无 任何 遮挡 ， 而 9 二 0 时 ， 虹 膜 处 于 完全 闭合 状态 。 请 留意 ， 有 些 API 程序 接口 使 用 弧度 
单位 ， 而 另 一 些 则 使 用 角度 单位 。 有 些 接口 取 的 是 整个 圆锥 角 而 有 些 则 取 半 圆锥 角 。 
半圆 锥 角 为 0<9<x 的 圆锥 对 应 立体 角 : 
2r(1 一 cosO) (14-41) 
故 通过 圆 孔 进入 场景 的 光 能 (功率 ) 占 光源 总 光 能 比例 为 
Za 1 C080) 


(14-42) 
对 于 光 能 为 @ 的 全 向 光源 ， 射 向 场景 的 光 能 B' 为 
到 一 全 ] 一 cosO) (14-43) 


它 是 重要 性 采样 绘制 代码 中 变量 Light : : power 的 值 。 

角度 为 0<x/4 的 聚光灯 广泛 应 用 于 绘制 中 ， 它 们 为 光源 空间 中 平面 投影 提供 了 一 个 
较 好 的 解 。 具 体 而 言 ， 我 们 以 光源 中 心 为 视点 ， 其 视线 沿 光源 轴线 方向 ， 视 角 与 光源 圆锥 
角 相同 ， 则 可 生成 场景 在 光源 空间 中 的 视图 ， 且 视图 边缘 处 变形 较 小 。 此 技术 可 用 于 生成 
阴影 映射 图 和 反射 阴影 映射 图 。 前 者 为 光源 空间 中 场景 投影 的 深度 图 像 ， 后 者 为 场景 投影 
的 彩色 图 像 。 而 六 个 修剪 成 正方 形 的 聚光灯 可 以 覆盖 立方 体 的 六 个 面 ， 生 成 全 向 光源 的 


阴影 。 
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光源 空间 投影 的 另 一 项 应 用 是 投射 聚光灯 。 真 实 的 剧场 灯 常 通过 在 光源 出 射 口 附近 放 
置 遮 光板 或 投影 遮 置 对 灯光 进行 调节 ( 见 图 14-33)。 它 们 在 发 射 光 中 加 入 颜色 或 者 进行 选 
择 性 遮挡 ， 使 最 终 投 向 场景 的 光 呈 现 为 某 个 图 像 或 者 形状 。 在 计算 机 图 形 学 中 ， 则 可 以 将 
也 点 沿 和 信 射 方向 投影 在 光源 上 ， 基 于 存储 在 光源 图 像 上 相应 位 置 的 值 来 调节 已 点 处 的 人 射 
光 。 这 一 方法 可 以 用 来 创建 非 圆 形 和 非 均 匀 分 布 的 聚光灯 出 射 孔 ， 模 拟 真实 聚光灯 反射 希 
的 复杂 光照 模式 和 画面 外 物体 的 投射 阴影 如 通风 管 中 旋 转 风 遍 产 生 的 阴影 效果 。 


14. 11.9 统一 的 点 光源 模型 

这 一 小 节 描 述 了 一 个 点 光源 模型 ， 它 适用 于 与 
着 色 点 之 间 的 距离 相 比 ， 其 尺寸 很 小 的 光源 。 在 此 
情形 中 ， 每 一 个 光源 可 近似 为 一 个 点 。 点 光源 模型 
统一 了 几 个 常见 的 光源 模型 ， 为 固定 功能 的 图 形 处 
理 器 所 乐于 采用 , 但 由 于 其 简单 ， 也 广泛 应 用 于 其 ”图 14-33 由 安放 在 聚光灯 旁 的 遮光 板 





他 图 形 处 理 器 。 生成 的 螺旋 形 光影 的 照片 
固定 功能 单元 直接 在 电路 或 者 微 代 码 上 实现 特 (授权 : R. Gino Santa Maria/ 


Shutterstock. com) 


定 算法 。 这 种 单元 易于 进行 参数 控制 ， 但 不 能 执行 
类 似 于 可 编程 单元 或 通用 处 理 器 上 的 通用 计算 ， 即 它们 不 具有 图 灵机 的 计算 能 力 。 处 理 器 
通常 同时 包含 了 可 编程 单元 和 固定 功能 单元 。 很 少 有 处 理 器 构架 允许 程序 员 改 写 高 速 缓存 
区 的 替代 机 制 ， 但 大 多 数 允 许 在 程序 内 设置 任意 的 算术 表达 式 。 图 形 架 构 可 将 整个 绘制 算 
法 做 入 在 固定 功能 逻辑 单元 中 。 显 然 ， 固 定 功能 硬件 会 限制 程序 员 进 行 自 由 表达 ， 但 与 通 
用 处 理 器 单元 相 比 ， 它 的 能 效 特别 高 ， 其 设计 和 生产 的 成 本 更 低廉 。 因 此 设计 硬件 构架 时 
需 在 费用 和 设计 目标 两 者 之 间 进 行 权衡 。 

在 编写 本 书 期 间 ， 固 定 功能 硬件 多 次 面临 被 淘汰 的 危险 。 现 在 大 多 数 设 备 已 避免 使 用 
国定 功能 的 光照 逻辑 单元 ， 但 至 少 2011 年 发 布 的 (Nintendo 3DS[KO11]) 仍 包含 了 它 。 

我 们 并 不 推荐 在 新 编写 的 可 编程 着 色 或 者 基于 软件 的 绘制 API 中 采用 本 小 节 介 绍 的 统 
一 光源 模型 ， 因 为 此 模型 难以 得 心 应 手 地 嵌入 基于 物理 的 绘制 系统 中 ， 使 光源 模型 的 灵活 
性 受到 限制 ， 并 且 与 后 面 章节 介绍 的 光源 模型 相 比 ， 它 的 抽象 性 略 差 。 

由 于 若干 原因 ， 了 解 和 熟悉 采用 固定 功能 逻辑 的 光源 模型 仍然 是 必要 的 。 老 的 设备 以 
及 少数 新 设备 仍 在 使 用 此 模型 。 这 个 模型 也 许 在 将 来 还 会 重新 受 欢 迎 。 许 多 可 编程 图 形 管 
线 仍然 在 固定 功能 光源 模型 附近 徘徊 ， 因 为 它们 是 从 固定 功能 系统 进化 而 来 ， 或 者 必须 使 
用 一 些 专 为 实现 固定 功能 而 设计 的 工具 。 

统一 光源 模型 的 基本 思想 是 使 用 单一 、 可 分 支 且 具有 相同 参数 的 聚光灯 光照 方程 来 统 
一 描述 聚光灯 光源 、 平 行 光源 和 全 向 光源 。 聚 光 灯 的 中 心 取 为 (x+，y，x，w)， 其 中 w==1 
表示 全 向 光源 或 聚光灯 光源 ， 而 w= 二 0 表示 平行 光源 。 如 果 我 们 将 聚光灯 的 轴线 和 圆锥 面 
的 夹 角 参 数 化 ， 则 角度 为 x 时 为 全 向 光源 。 现 在 唯一 剩 下 的 问题 是 径 向 衰减 。 在 现实 世界 
中 ， 如 果 一 均匀 球面 光源 的 半径 与 它 离 观察 点 的 距离 ”> 相 比 特别 小 ， 则 在 观察 点 获得 的 总 
的 功率 与 1/ 盖 成 正比 。 我 们 通过 以 下 包含 二 次 倒数 的 M 值 来 统一 表示 各 种 情况 下 的 径 向 
衰减 : 

ke 


(aorm :tar m ar m )4n 





(14-44) 


如 果 我 们 定义 a 和 为 
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a= (dom’ aim sazm" ) (14-45) 
p= (14-46) 
则 将 公式 M 重 写 为 
M=7 (14-47) 
这 一 看 似 奇 怪 的 表达 式 让 我 们 能 使 用 具有 非 物理 衰减 的 点 光源 来 近似 表示 局 部 面 光 源 
或 者 遥远 的 点 光源 ……: 或 者 满足 视觉 审美 的 要 求 。 在 这 个 模型 中 ,平行 光源 可 通过 设置 衰 


减 常数 a 二 (1，0，0) 获 得 ， 此 光源 在 场景 中 各 点 处 产生 相同 的 光 强 度 ， 且 其 光 强 度 相 当 于 
功率 为 8 的 局 部 光源 对 1 米 外 的 表面 产生 的 光照 。 

代码 清单 14-15 一 14-17 提供 的 接口 遵循 了 OpenGL 固定 功能 光照 模型 思想 ,虽然 其 中 
的 单位 和 边界 情形 稍 有 改变 。 我 们 不 推荐 使 用 这 个 模型 进行 基于 物理 的 绘制 。 


代码 清单 14-15 ”对 于 聚光灯 光源 、 平 行 光源 、 点 光源 的 统一 简化 模型 





class PointLight : public Light 1{ 


1 

2 Private: 

地 

4 /x* For local lights, this is the total Power of the light source. 
全 For directional lights, this is the power of an equivalent 
6 local source lm from the surface.*/ 

本 Power3 Phi; 

8 

9 Vector3 aXKiS3 

10 

1 /** Center of the light in homogeneous coordinates. */ 

12 Vector4 RS 

] 和 

14 Vector3 aVec; 

3 

16 float spotHalfAngle; 

17 

18 


19° 5 








代码 清单 14-16 ”直接 光照 明 的 PointLignht 方法 


Vector4 PointLight::randomPoint() const { 
return C; 








} 


Biradiance3 biradiance 
(const Vector4& Q, const Point3& P) const { 
assert (C == 0Q); 


// Distance to the light, or zero 
Const float 5 = ((O,XYZ() 一 了) * Qnw) -langtht)y 


// Powers of r 
const Vector3 Veo(l Of; Yi EE wT) 


// Direction to the light 
const Vector3& w_i = (Q.xyz() - P * Q.w) .direction(); 


const bool inSpot = (w_i.dot(axis) >= cos (spotHalfAngle)); 


// Apply radial and angular attenuation and mask by the spotlight cone. 
return Phi * float (inSpot) / (rVec.dot (aVec) * 4 * PI); 


NDSBSESSSST 人 FBS IaMFwL 
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代码 清单 14-17 ”发 射 光 子 的 PointLight 方法 





1 Power3 PointLight::totalPower() const { 

包 // the power actually emitted depends on the solid angle of the cone; it goes to 
3 // infinity for a directional source 

4 return Phi * (1 - cos(spotHalfAngle)) / (2 * C.w); 

573 

6 

7 Color3 PointLight::emitPhoton(Point3& P, Vector3& w_o) { 

8 // It doesn’t make sense to emit photons from a directional light with unbounded 
9 // extent because it would have infinite power and emit practically all photons 
10 // outside the scene. 

11 assert (C.w == 1.0); 

12 

让。 // Rejection sample the spotlight cone 

14 do { 

| Ww_o = randomDirection(); 

16 } while (spotAxis.dot (w_o) < cos(spotHalfAngle)); 

17 

18 Bp = 

19 


20 // only the ratios of r:g:b matter 
21 Const Color3& spectrum = Phi / Phi.sum(); 





22 return spectrum; 
23 3 
14. 12 ”讨论 


本 章 介 绍 的 每 一 种 近似 和 表示 方法 在 图 形 学 上 都 有 其 用 处 。 处 理 器 速度 、 带 宽 、 可 用 


数据 等 不 同方 面 的 约束 使 得 它们 各 具 应 用 背景 。 当 处 理 器 速度 提高 时 ， 新 的 约束 ， 如 移动 
设备 的 功率 限制 ， 可 能 使 某 些 近似 方法 重新 焕发 活力 。 因 此 在 学 习 它 们 时 ， 不 仅仅 将 它们 
看 作 现 在 或 以 前 的 有 用 技巧 ， 而 且 要 把 它 当 作 未 来 有 潜在 用 途 的 技术 ， 同 时 将 它们 作为 在 
有 限 资源 下 如 何 有 效 地 进行 近似 表达 的 实例 。 


14. 
14.1 


13 练习 
给 出 一 个 并 不 是 其 所 有 运算 都 满足 交换 律 的 算术 表达 式 ( 例 如 ， 按 从 左 至 右 的 顺序 代替 正常 的 运算 
顺序 来 计算 此 表达 式 会 得 到 错误 的 结果 ) 。 
请 解释 为 什么 直接 将 区 间 [L0，2” 一 1] 映 射 为 [一 1，1j 会 使 得 0 不 能 确切 表示 (提示 : 先 考虑 0 一 1 
的 情形 )。 
编写 一 个 可 将 三 角形 条 带 转 换 为 三 角形 表 ( 又 称 三 角形 汤 ) 的 函数 。 
编写 一 个 可 将 三 角形 扇 转换 为 三 角形 条 带 的 函数 。( 在 三 角形 的 边 处 可 能 需要 引入 退化 三 角形 )。 
考虑 一 个 可 将 整个 场景 表示 为 3D 不 透明 体 素 数组 的 程序 。 为 简单 起 见 ， 假 设 这 些 体 素 在 数组 中 
存在 或 为 空 。 由 于 大 多 数 绘制 应 用 程序 API 绘制 的 对 象 为 网 格 表面 而 不 是 体 素 ， 所 以 此 程序 必须 
先 将 体 素 转换 为 面 。 每 个 非 空 的 体 素 有 6 个 面 ， 但 是 由 于 体 素 不 透明 ， 场 景 中 的 大 多 数 面 无 需 绘 
制 一 一 它们 位 于 相 邻 的 非 空 体 素 之 间 ， 因 而 不 可 见 。 
给 出 一 个 遍历 场景 的 算法 ， 并 输出 可 见面 。 
画 一 个 树 数据 结构 图 ， 用 以 描述 汽车 的 场景 图 ， 请 将 图 中 的 结 点 标注 为 其 代表 的 零件 。 
考虑 白色 桌子 上 一 个 绿色 啤酒 瓶 ， 它 处 于 夜总会 灯光 照射 下 (假设 每 只 灯光 均 为 狭 窗 频率 范围 的 红 
色 )， 那 么 上 瓶子、 瓶子 阴影 下 的 桌子 和 瓶子 阴影 外 的 桌子 的 颜色 分 别 是 什么 ? 
按 代码 清单 14-13 的 形式 ， 构 建 圆 盘 和 球面 朗 伯 发 射 体 。 
按 代码 清单 14-13 的 形式 ， 构 建 任意 网 格 面 朗 伯 发 射 体 。 
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15. 1 引言 


前 面 的 章节 基于 WPF 所 提供 的 绘制 引擎 对 2D 和 3D 场景 的 建 模 与 交互 进行 了 讨论 。 
这 一 章 ， 我 们 聚焦 于 如 何 编写 一 个 基于 物理 的 3D 绘制 程序 。 

绘制 是 一 个 积分 过 程 。 为 了 生成 一 幅 图 像 ， 我 们 需要 计算 到 达 虚 拟 相 机 成 像 平面 上 每 
个 像素 的 光 能 。 由 于 光 能 通过 光子 传播 ， 故 需要 模拟 场景 内 光子 运动 的 物理 过 程 。 然 而 ， 
我 们 不 可 能 模拟 所 有 的 光子 运动 ， 只 能 对 其 中 的 一 部 分 进行 采样 ， 并 据 此 估计 最 终 到 达成 
像 平面 的 光 能 。 因 此 ， 从 某 种 意义 上 也 可 以 说 绘制 是 一 个 采样 的 过 程 。 下 面 我 们 将 把 基于 
采样 的 积分 与 采样 的 概率 关联 起 来 。 

本 章 将 介绍 对 沿 光 线 到 达成 像 平面 的 光 进 行 采样 的 两 种 策略 。 这 两 种 策略 分 别 是 光线 
投射 和 光栅 化 。 我 们 将 为 每 一 种 策略 构建 其 相应 的 绘制 器 ， 另 外 还 将 使 用 光栅 化 硬件 API 
构建 第 三 种 绘制 器 。 这 三 种 绘制 器 都 可 以 对 沿 特定 方向 传输 到 场景 中 某 一 点 的 光 实 施 采 
样 。 由 于 点 和 方向 定义 了 一 条 光线 ， 图 形 学 的 行 话 又 把 这 样 的 采样 叫 作 “ 沿 着 一 条 光线 的 
采样 ?>， 或 简称 “光线 采样 ”。 

对 光 能 的 传输 有 多 种 采样 方式 。 本 章 所 介绍 的 方法 可 推广 到 所 有 方式 。 但 这 里 我 们 聚焦 
于 对 圆锥 内 的 光线 进行 采样 (假定 圆锥 的 顶点 位 于 点 光源 或 针 孔 相机 的 光圈 处 )。 可 以 对 这 些 
策略 中 的 技术 进行 修改 和 做 新 的 组 合 。 因 此 ， 本 章 的 精髓 并 非 告诉 你 对 两 种 采样 策略 如 何 进 
行 选择 ， 而 是 提供 一 组 工具 ， 你 可 以 对 其 进行 修改 并 应 用 于 任何 绘制 问题 中 。 本 章 的 介绍 侧 
重 于 两 个 方面 : 作为 数学 工具 的 采样 原理 和 实际 绘制 器 实现 时 所 涉及 的 具体 细节 。 

当然 ， 我 们 还 会 用 很 多 章节 来 解答 本 章 所 提出 的 理论 和 实用 问题 。 由 于 图 形 学 是 一 个 
活跃 的 领域 ， 有 些 问 题 甚至 在 本 书 完成 时 也 未 能 彻底 解决 。 为 了 兼顾 理论 和 实践 ， 我 们 在 
阐述 一 些 想法 时 将 先 运用 伪 代 码 和 数学 语言 ， 然 后 再 提供 可 编译 的 实际 代码 。 这 些 代 码 遵 
循 了 最 基本 的 软件 工程 规范 ， 如 数据 抽象 ， 使 其 看 起 来 像 一 个 真实 的 绘制 器 。 如 果 读 者 从 
这 些 代码 片段 出 发 创建 自己 的 程序 (应 当 如 此 )， 并 添加 一 些小 的 细节 (这 些 细节 已 留 作 本 
章 练习 )， 那 么 在 本 章 结束 时 ， 你 将 拥有 三 个 可 用 的 绘制 器 。 当 你 想 要 实现 本 书 其 他 算法 
时 ， 它 们 将 成 为 可 扩展 的 基础 代码 库 。 

我 们 将 构建 的 三 个 绘制 器 足够 简单 ， 读 者 可 以 很 快 理解 并 可 以 在 一 到 两 次 编程 课 内 实 
现 其 中 任何 一 个 。 本 章 末 尾 将 清理 代码 并 推广 其 设计 思路 ， 以 便 可 对 其 进行 修改 、 加 入 对 
复杂 场景 的 表达 并 构建 高 效 绘制 这 类 场景 所 需 的 数据 结构 。 

我 们 假设 有 关 绘制 的 本 书后 续 各 章 中 ， 读 者 实现 的 每 项 技术 都 是 本 章 中 某 个 绘制 器 的 
扩展 。 在 实现 过 程 中 ， 我 们 建议 读者 遵循 两 条 良好 的 软件 工程 实践 原则 : 

1) 对 绘制 器 进行 修改 前 对 其 备份 (此 备份 成 为 参考 绘制 器 ) 。 

2) 将 修改 后 的 绘制 结果 与 之 前 的 绘制 结果 进行 比较 。 

提升 性 能 的 技术 通常 不 应 该 降低 图 像 质量 。 有 助 于 提升 仿真 精度 的 技术 应 能 产生 可 见 
及 可 测 的 效果 提升 。 通 过 比较 修改 前 后 的 绘制 性 能 和 图 像 质 量 ， 我 们 可 以 验证 所 进行 的 改 





变 是 否 合理 。 

我 们 从 本 章 开始 做 这 类 比较 。 将 考虑 三 种 绘制 策略 ， 它 们 应 生成 相同 的 绘制 结果 。 在 
介绍 完 每 种 策略 后 ， 我 们 将 对 其 实现 方法 进行 扩展 。 在 你 调试 自己 的 实现 代码 时 ， 若 程序 
的 运行 结果 与 其 他 程序 不 一 致 ， 则 表明 存在 潜在 的 程序 错误 (这 是 可 视 化 调试 原则 的 又 一 
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15.2 顶层 设计 概述 
本 节 从 顶层 设计 开始 ， 先 解决 编程 整体 架构 中 的 一 些 实际 问题 ， 然 后 把 顶层 设计 落实 
到 具体 的 采样 策略 中 来 。 


15.2.1 散射 


进入 相机 镜头 并 被 传感器 感知 的 光 来 自 场景 中 某 些 表面 点 的 散射 或 者 自发 射 。 这 些 场 
景点 位 于 我 们 选取 的 采样 光线 上 。 采 样 光 线 始 于 成 像 平面 上 的 某 个 点 ， 穿 过 相机 光圈 沿 一 
定 方向 投向 场景 ， 这 些 点 即 采样 光线 与 场景 的 交点 。 

为 简单 起 见 ， 我 们 取 针 孔 相机 模型 ， 其 虚拟 成 像 平 面 位 于 投影 中 心 的 前 方 ， 并 且 采 用 
瞬时 曝光 。 这 意味 着 所 生成 的 图 像 不 会 因 失 焦 或 运动 而 出 现 模糊 。 当 然 ， 光 圈 面 积 、 曝 光 
时 长 均 为 零 的 相机 不 可 能 捕获 到 任何 光子 ， 我 们 这 里 采用 常见 的 图 形 学 近似 方法 从 极限 情 
况 来 估计 小 光圈 和 短 曝光 时 间 下 的 成 像 结 果 。 此 近似 在 真实 世界 中 无 法 实现 ， 但 在 仿真 计 
算 中 却 很 容易 做 到 。 

我 们 还 假设 虚拟 传感器 像素 组 成 规则 的 正方 形 阵 列 ， 并 通过 像素 中 心 采样 来 估计 每 个 
像素 的 测量 值 。 在 这 些 假 设 下 ， 采 样 光 线 将 从 投影 中 心 ( 即 针 孔 ) 出 发 ， 穿 过 每 个 传感器 像 
素 的 中 心 ， 向 场景 投射 。° 

最 后 ， 为 简单 起 见 ， 我 们 选取 如 下 坐标 系 : 投影 中 心 位 于 原点 ， 相 机 朝 负 = 轴 方 向 ， 
投影 中 心 取 为 视点 。 参 见 15. 3. 3 节 中 的 正式 描述 及 图 15-1 所 示 的 结构 图 。 


光源 









> 


相机 (或 眼睛 ) 


图 15-1 相机 可 见 的 表面 点 了 的 位 置 、 入 射 到 P 了 点 的 不 同和 人 射 光 的 方向 {@i} 以 
及 其 中 朝向 相机 的 方向 @。 





加 ”从 更 深层 次 看 ， 我 们 认同 Alvy Ray Smith 的 说 法 :“ 像 素 并 非 小 的 正方 形 ”( 即 离开 了 重 构 滤波 器 ， 任 何 采 
样 样本 都 无 济 于 事 )。 由 于 Smith 这 一 论断 的 巨大 影响 力 ， 现 今 “ 样 本 ”一 词 通常 指点 采样 的 数据 ， 而 “ 像 
素 ”一 词 指 的 是 显示 器 或 者 传感器 上 的 “小 正方 形 区 域 ”， 其 值 可 以 基于 样本 估计 得 到 。 我 们 将 使 用 “ 传 感 
器 像素 ”或 者 “显示 器 像素 ”来 指 物理 实体 ， 而 用 “像素 ”来 指 成 像 平面 上 的 矩形 区 域 。 
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为 传感器 像素 所 感知 的 来 自 场景 中 书 点 的 光 是 由 于 场景 中 其 他 方向 的 光 对 它 的 照射 。 
比如 ， 场 景 中 最 亮光 源 提供 了 主要 的 光照 。 但 是 并 非 所 有 人 射 光 都 来 自 最 亮 的 光源 。 场 景 
中 可 能 还 有 一 些 稍 瞳 的 光源 ， 还 有 许多 光线 是 通过 其 他 点 的 散射 间接 到 达 已 点 的 。 这 告诉 
我 们 两 点 : 第 一 ,需要 考虑 入射 到 PP 点 的 来 自 所 有 方向 的 光线 以 生成 准确 的 图 像 ; 第 二 ， 
如 果 可 容忍 一 定 的 采样 误差 ， 则 可 以 在 其 中 选取 有 限 的 离散 方向 进行 采样 。 更 进一步 ， 我 
们 可 以 对 这 些 方 向 的 重要 性 进行 排序 (至 少 对 于 光源 )， 然 后 选择 采样 误差 最 小 的 一 个 
子 集 。 

课 内 练习 15. 1: 以 下 问题 并 不 要 求 你 给 出 完美 的 答案 ， 但 希望 你 能 思考 并 建立 起 对 以 
下 问题 的 直觉 : 采样 方向 有 限时 会 导致 怎样 的 误差 ? 是 什么 导致 了 误差 ? 什么 可 能 是 比较 
好 的 采样 策略 ? 统计 学 中 的 期 望 值 和 方差 的 概念 如 何 应 用 到 这 里 ， 统 计 独 立 性 和 偏差 又 如 
何 应 用 ? 

在 伪 代 码 中 ， 我 们 首先 考虑 所 有 可 能 方向 的 人 射 光 ， 当 稍 后 需要 实施 方向 采样 时 ， 再 
对 采样 方向 进行 排序 。 

为 了 不 错过 所 有 可 能 影响 图 像 的 点 和 方向 ， 我 们 的 程序 如 代码 清单 15-1 所 示 。 

代码 清单 15-1 顶层 绘制 结构 


for each visible point P with direction Wo from it to pixel center (x,y): 
sum = 0 
for each incident light direction Oi at P: 
Sum += light scattered at P from Wi; to Wo 
pixel[x, y] = sum 








Ah 上 请 由 日 一 
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现在 我 们 制定 一 个 策略 来 表示 场景 中 的 点 、 确 定 其 中 的 可 见 点 并 计算 其 散射 到 相机 中 
的 光线 。 

对 于 场景 的 表示 ， 我们 将 使 用 第 14 章 介绍 的 绘制 中 常见 近似 表示 方法 来 进行 建 模 。 
采用 近似 表示 并 非 必需 ,我 们 之 后 完全 可 用 更 精确 的 模型 来 替代 。 

假设 只 需 对 物体 的 边界 表面 进行 建 模 。“ 物 体 ” 是 一 个 主观 词 ， 而 表面 在 技术 上 是 指 
具有 同 质 物理 属性 的 体 之 间 的 边界 。 其 中 有 些 物 体 为 日 常 语言 所 认可 ， 如 一 块 木 头 或 者 池 
子 里 的 水 。 而 另 一 些 则 习惯 上 并 不 被 视 为 物体 ， 比 如 空气 或 真空 。 

我 们 采用 三 角形 网 格 来 表示 这 些 表面 ， 并 忽略 周围 的 空气 媒介 。 假 设 所 有 网 格 都 是 封 
闭 的 ， 从 物体 外 部 无 法 看 到 其 内 部 ， 因 此 只 需 考 虑 单一 朝向 的 三 角形 。 我 们 采用 以 下 约 
定 : 从 物体 外 面 看 ， 三 角形 的 顶点 在 表面 周边 以 逆 时 针 方 向 排列 。 为 了 基于 三 角形 网 格 生 
成 近似 于 光滑 表面 的 光照 效果 ,我们 把 三 角形 内 任 一 点 的 表面 法 向 取 为 各 顶点 法 向 量 ( 预 
先 给 定 ) 的 重心 坐标 插值 。 这 些 法 向 量 仅 用 于 着 色 ， 因 此 物体 的 轮廓 依然 呈现 为 多 边 形 。 

第 27 童 将 详细 讨论 表面 如 何 散 射 光线 。 为 简单 起 见 ， 我们 首先 假设 所 有 表面 将 入射 
光 均 匀 散 射 到 所 有 的 方向 (我 们 将 很 快 对 此 作 精 确 描 述 )。 正 如 第 6 章 所 述 ， 这 类 散射 称 为 
朗 伯 反 射 。 因 此 我 们 现在 要 绘制 的 是 郎 伯 表面 。 表 面 的 颜色 取决 于 散射 光 的 光谱 分 布 ， 我 
们 将 它 表示 成 熟悉 的 RGB 三 元 组 。 

网 格 表示 描述 了 在 位 置 集合 {P) 上 所 有 的 潜在 可 见 点 。 为 了 绘制 一 个 像素 ,我们 必须 
确定 哪些 潜在 的 可 见 点 会 投射 到 该 像素 的 中 心 。 然 后 选取 其 中 离 相 机 最 近 的 点 ,该 点 即 为 
像素 中 心 的 实际 可 见 点 。 从 该 点 发 出 并 穿 过 像素 的 光 辐 射 度 与 从 场景 中 入 射 到 该 点 的 光 以 
及 该 点 的 反射 率 成 正比 。 辐 射 度 的 准确 定义 将 在 第 26. 7.2 节 给 出 ， 通 常用 字母 工 表示 。 
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为 了 找到 最 近 的 潜在 可 见 点 ， 我们 首先 把 代码 清单 15-1( 详 见 下 一 节 ) 中 的 外 循环 转换 
为 同时 遍历 像素 中 心 ( 对 应 光线 ) 和 三 角形 (对 应 表面 ) 的 循环 。 常 见 的 实现 方法 是 把 “for 
each visible point” 花 换 为 两 层 骨 套 循环 ,一 层 循环 遍历 像素 中 心 ， 男 一 层 循环 遍历 
三 角形 。 这 里 任何 一 层 都 可 以 设置 为 外 层 循环 。 但 选择 哪 一 层 作 为 外 层 对 于 绘制 器 剩 下 部 
分 的 结构 有 很 大 的 影响 。 


15.2.3 光线 投射 : 像素 优先 


我 们 考虑 将 遍历 像素 中 心 作 为 外 层 循环 的 策略 ， 如 代码 清单 15-2 所 示 。 这 个 策略 称 为 光 
线 投 射 ， 因 为 它 对 每 个 像素 创建 一 条 光线 ， 并 把 该 光线 投射 到 每 个 表面 上 。 此 策略 可 以 扩展 
为 光线 跟踪 算法 ， 其 最 内 层 循 环 递归 地 朝 每 个 方向 投射 光线 。 对 此 我 们 现在 暂 不 讨论 。 


代码 清单 15-2 ”光线 投射 伪 代 码 


for each pixel position (x,y): 
let R be the ray through (x,y) from the eye 
for each triangle 了 : 
let P be the intersection of R and T (if any) 
Sum = 0 
for each direction: 
SUMm 十 一 ... 
if P is closer than previous intersections at this pixel: 
pixel[x, y] = sum 





Doo、~mn 上 mw 一 





光线 投射 允许 我 们 对 每 个 像素 进行 独立 处 理 。 这 意味 着 可 以 对 像素 进行 并 行 处 理 来 提 
升 性 能 。 该 方法 需要 将 整个 场景 保存 在 内 存 中 ， 因 为 我 们 不 知道 处 理 每 个 像素 时 会 涉及 哪 
些 三 角形 。 这 一 结构 也 提示 了 一 种 可 估计 间接 光线 光 能 贡献 的 极 好 方法 : 从 最 内 层 循环 投 
射出 更 多 的 光线 。 


15. 2.4 光栅 化 : 三 角形 优先 

现在 我 们 讨论 将 遍历 三 角形 作为 最 外 层 循环 的 策略 (代码 清单 15-3 所 示 为 其 伪 代 码 )。 此 
策略 称 为 光栅 化 ， 这 是 因为 其 内 层 循 环 通常 是 对 图 像 进 行 逐 行 扫 描 ， 而 这 些 行 被 称 为 光栅 。 
当然 也 可 以 逐 列 扫描 。 选 择 逐 行 扫描 是 由 于 历史 的 原因 ， 和 电视 机 的 构造 方式 有 关 。 阴 极 射线 
管 (CRT) 显 示 器 按 从 左 到 右 、 从 上 到 下 的 顺序 扫描 当前 图 像 ， 和 阅读 英文 文本 的 顺序 一 致 。 现 
逐 行 扫描 已 成 为 大 家 公认 的 约定 。 除 非 有 明显 的 理由 需要 另行 选择 ， 所 有 图 像 均 以 行为 序 进行 
存储 ， 也 就 是 说 ，2D 位 置 (x，y) 所 对 应 的 元 素 储存 在 数组 中 (x+y* wiath) 的 位 置 。 

代码 清单 15-3 ”光栅 化 伪 代 码 ; O 代表 原点 或 者 视点 





1 for each pixel position (x,y): 

2 closest[x, y] = co 

3 

4 for each triangle T: 

5 for each pixel position (x,y): 

6 let R be the ray through (x,y) from the eye 
天 let P be the intersection of R and 了 

8 i P exists: 

9 sum = 0 

10 for each direction: 

Li SUMm += ... 

12 if the distance to P is less than closestlx,y|: 
13 pixellx, y| = sum 

14 closestlx,y] = |P — O| 
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光栅 化 让 我 们 可 以 独立 地 处 理 每 个 三 角形 ”， 其 中 包含 了 多 重 含义 。 首 先 这 意味 着 可 
以 绘制 比 内 存 容量 大 得 多 的 场景 ， 因 为 该 方法 一 次 只 需 占 用 一 个 三 角形 的 存储 空间 。 同 
时 ， 它 提示 我 们 可 以 将 三 角形 作为 并 行 处 理 的 单元 。 三 角形 的 属性 可 以 保存 在 寄存 器 或 者 
缓存 中 以 避免 内 存 存 取 的 开销 。 由 于 我 们 对 该 三 角形 上 的 相 邻 像素 进行 连续 处 理 ， 因 而 可 
以 用 像素 间 的 有 限 差 分 来 盘 近 三 角形 表面 的 任意 导数 表达 式 。 这 对 我 们 后 面 深入 研究 采样 
策略 特别 有 用 ， 因 为 它 可 根据 某 内 在 函数 在 屏幕 空间 的 变化 来 调整 采样 率 。 

注意 代码 清单 15-3 第 12 行 的 条 件 指 的 是 该 像素 处 记录 的 前 一 个 最 近 交 点 。 该 交点 位 
于 男 一 三 角形 上 ， 因 此 需 将 此 值 存储 在 与 图 像 平 面 平行 的 男 一 个 2D 数组 中 (这 个 数组 在 原 
始 伪 代码 或 者 光线 投射 算法 中 尚未 出 现 过 )。 由 于 在 遍历 三 角形 时 可 能 多 次 涉及 同一 个 像 
素 ， 因 此 需要 为 每 个 像素 建立 一 个 数据 结构 来 确定 不 同 交 点 之 间 的 可 见 性 。 判 定时 需 用 到 
两 个 距离 : 视点 与 当前 交点 的 距离 、 与 上 一 个 最 近 点 的 距离 。 我 们 并 不 关心 之 前 处 理 过 的 
比 上 一 个 最 近 点 更 远 的 交点 ， 因 为 它们 已 被 上 一 个 最 近 点 遮挡 ， 不 会 对 图 像 产生 影响 。 
closest 数组 保存 了 每 个 像素 处 上 一 个 最 近 点 的 距离 ， 被 称 为 深度 缓存 器 ， 或 者 z-buffer。 
由 于 计算 点 的 距离 会 比较 耗 时 ， 因 此 深度 缓存 器 通常 保存 的 是 沿 着 光线 方向 和 距离 具有 相 
同 排序 的 另 一 数值 。 常 见 的 选择 有 一 zp， 忆 点 的 = 坐标 和 一 1/zp。 注 意 相机 朝向 负 xz 轴 方 
向 ， 因 此 这 些 值 与 交点 至 相机 所 在 的 x 二 0 平面 的 距离 相关 。 目 前 我 们 使 用 更 为 直观 的 从 
P 到 原点 的 距离 |P 一 O|。 

深度 缓存 和 所 显示 图 像 的 维度 相同 ， 因 此 也 需 消 耗 大 量 的 内 存 。 在 并 行 实现 中 ， 它 还 
必须 支持 对 任 一 像素 的 访问 ， 因 此 可 能 潜在 地 影响 同步 速度 。 第 36 章 会 介绍 可 避免 以 上 
缺陷 的 另 一 个 光栅 化 可 见 性 算法 。 尽 管 如 此 ， 深 度 缓存 器 仍然 是 迄今 为 止 使 用 最 为 广泛 的 
方法 。 它 在 实用 中 不 仅 效率 高 ， 而 且 计算 性 能 可 预测 。 在 采样 之 外 ， 它 还 提供 另 一 些 优 
点 。 比 如 ，3D 绘制 最 终生 成 的 画面 上 每 个 像素 的 深度 可 视 为 一 个 “2.5D” 的 结果 。 可 支 
持 对 相同 场景 多 趟 绘制 的 结果 进行 合成 ， 以 及 后 处 理 滤波 (如 生成 失 焦 的 模糊 效果 )。 

上 述 的 深度 比较 是 一 种 基础 算法 ， 目 前 已 为 图 形 硬 件 中 的 特殊 固定 功能 单元 所 支持 。 
自 20 世纪 80 年 代 初 期 这 一 思想 提出 后 ， 计 算 机 图 形 生成 的 性 能 发 生 了 巨大 的 飞跃 。 


15.3 实现 平台 


15. 3. 1 选择 标准 


本 节 所 讨论 的 选择 都 是 很 重要 的 。 我 们 想 先 介 绍 这 些 选择 ， 并 项 望 将 它们 放 在 一 起 ， 
以 便 读者 日 后 参考 。 其 中 很 多 选择 只 有 当 你 研习 图 形 学 一 段 时 间 后 才 会 显 出 其 重要 性 。 建 
议 读者 先 阅读 这 一 节 ， 然 后 搁置 一 旁 ， 一 个 月 之 后 再 回头 来 读 。 

在 计算 机 图 形 学 的 学 习 中 ， 你 很 可 能 需要 学 习 很 多 API 和 软件 设计 模式 。 例 如 ， 第 
2、4、6 和 16 章 讲述 了 2D 和 3D 的 WPF API 和 围绕 它们 的 相关 构造 。 

本 章 的 目的 显然 不 是 讲授 这 方面 的 内 容 ， 而 是 如 何 来 创建 光线 采样 算法 。 所 介绍 的 实 
现 方式 只 是 为 了 让 算法 具体 化 ， 并 为 今后 的 探索 提供 测试 平台 。 尽 管 学 会 一 个 具体 的 平台 
并 非 目 的 ,但 明晰 评价 一 个 平台 时 应 着 重 关 注 的 几 个 方面 ， 应 是 本 章 题 中 之 意 。 这 一 节 将 
讨论 这 些 问题 。 





日 ”也 许 你 会 担心 在 处 理 当 前 三 角形 时 ， 不 得 不 遍历 成 像 平面 上 的 所 有 像素 (即便 其 中 很 多 像素 并 未 被 该 三 角形 
所 覆盖 )。 这 种 担心 有 一 定 道理 。 更 好 的 处 理 策略 请 见 15. 6. 2 节 。 我 们 以 这 种 方式 开始 是 为 了 使 代码 尽 可 
能 与 光线 投射 的 代码 结构 保持 平行 。 
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我 们 选择 G3D 创新 引擎 (http://g3d. sf. net) 第 9 版 的 一 个 子 集 作 为 代码 的 示例 。 读 者 
可 以 使 用 这 个 平台 ， 或 者 基于 自己 的 目标 和 计算 环境 对 相关 因素 做 出 不 同 的 权衡 而 对 平台 
实施 某 些 改动 。 从 很 多 方面 来 看 ， 如 果 你 的 平台 ， 包 括 语言 、 编 译 器 、 支 持 类 和 硬件 
API， 与 这 里 所 描述 的 不 完全 相同 ， 则 更 好 。 本 章 选 择 的 平台 只 包含 一 套 最 精简 的 支持 
类 。 它 可 使 我 们 的 表述 简单 通用 ， 并 适合 在 教科 书 中 使 用 。 但 读者 的 目的 旨 在 基于 最 新 技 
术 来 开发 软件 ， 而 不 是 编写 一 部 应 独立 于 目前 流行 工具 的 教科 书 。 

因为 你 可 能 要 在 这 个 绘制 器 上 投入 大 量 的 工作 ， 所 以 更 加 丰富 的 支持 类 会 使 其 实现 和 
调试 变 得 简易 。 读 者 可 以 不 用 G3D 的 支持 类 来 编译 我 们 的 代码 。 但 是 ， 如 果 打 算 对 代码 
稍 加 改写 以 适应 不 同 的 API 或 语言 ， 那 就 必须 逐 行 阅读 每 一 行 代码 并 思考 它们 为 什么 要 这 
么 写 。 举 例 来 说 ， 可 能 你 选择 的 语言 和 我 们 所 用 的 语言 传递 参数 的 语法 有 所 不 同 ( 如 直接 
使 用 数值 而 不 是 采用 指针 )。 在 对 参数 做 重新 说 明 来 调整 这 一 语法 时 ， 首 先 需 要 思考 为 什 
么 参数 要 通过 值 传递 ， 这 样 做 的 计算 开销 或 软件 抽象 是 否 合理 。 

为 了 避免 那些 分 散 注意 力 的 细节 ， 对 于 低层 次 绘制 器 ， 我 们 会 把 图 像 写 入 内 存 中 的 一 
个 数组 然后 结束 程序 。 除 了 简单 的 PPM 文件 写 入 函数 ， 我 们 不 会 在 本 章 讨论 依赖 于 具体 
系统 实现 的 把 图 像 保 存 到 磁盘 或 显示 到 屏幕 上 的 方法 。 这 些 方法 通常 来 说 简单 直接 ,但 阅 
读 和 配置 却 很 元 长 。PPM 文件 写 入 函数 只 是 一 个 概念 原型 ， 它 是 一 种 低 效 的 格式 并 需要 
使 用 外 部 阅读 器 来 检查 每 个 结果 。G3D 和 许多 其 他 平台 都 有 图 像 显 示 和 图 像 写 入 函数 ， 可 
以 更 方便 地 呈现 你 所 绘制 的 图 像 。 

对 于 基于 API 的 硬件 化 光栅 器 ， 我 们 将 使 用 稍 显 抽象 的 OpenGL API 的 子 集 ,注意 
OpenGL API 可 视 为 大 多 数 其 他 硬件 API 的 代表 。 我 们 将 特意 跳 过 与 系统 有 关 的 硬件 初始 
化 的 具体 细节 ， 并 不 会 利用 特定 API 或 GPU 的 特性 。 这 些 细 节 可 以 在 读者 中 意 的 API 或 
GPU 供应 商 的 手册 中 找到 。 

尽管 我 们 在 很 大 程度 上 可 以 忽略 外 围 实 现 平 台 ， 但 仍 必 须 选 择 一 种 编程 语言 。 比 较 明 
智 的 考虑 是 选择 一 种 具有 较 高 程度 抽象 特性 (例如 类 和 操作 符 重 载 ) 的 语言 ， 这 将 有 利于 通 
过 源 代 码 将 算法 的 思路 表达 出 来 。 

选择 一 种 可 以 转换 为 高 效 的 本 机 执行 码 的 语言 也 是 明智 之 举 。 尽 管 性 能 并 非 图 形 学 追 
求 的 最 终 目标 ， 但 它 仍 是 相当 重要 的 因素 。 如 今 即 使 简单 的 视频 游戏 场景 也 包含 了 数 百 万 
面 片 ， 每 帧 需要 绘制 数 百 万 像素 的 画面 。 为 调试 程序 方便 ， 本 章 我 们 将 从 一 个 三 角形 和 一 
个 像素 的 简单 情形 开始 ， 但 很 快 扩展 为 数 百 个 三 角形 和 像素 。 尽 管 解 释 型 语言 或 内 存 管理 
系统 的 固定 开销 不 会 影响 我 们 程序 的 计算 性 能 估计 ,但 它 可 能 会 导致 我 们 的 绘制 器 是 用 两 
秒 还 是 两 个 小 时 来 生成 一 张 图 。 毕 竟 ， 对 需 运 行 两 个 小 时 的 程序 进行 调试 不 是 一 件 愉快 
的 事 。 

计算 机 图 形 学 的 代码 往往 将 包含 重要 状态 (比如 表达 场景 和 物体 ) 的 高 层 类 和 存储 点 与 
色彩 的 低层 类 (也 称 为 “记录 ”或 “结构 ”， 低 层 类 并 不 反映 状态 信息 ， 而 且 它 们 所 存储 的 
具体 内 容 通常 为 程序 员 所 知晓 ) 组 合 在 一 起 。 实 时 绘制 器 每 秒 钟 常 能 轻易 地 处 理 数 十 亿 的 
低层 类 。 为 了 支持 这 一 功能 ， 我 们 需要 一 种 语言 ， 能 够 高 效 创 建 、 删 除 和 存储 这 些 类 。 对 
小 型 类 采用 堆 进行 存储 管理 往往 比较 耗 时 ， 影 响 缓存 效率 ， 而 堆栈 方式 通常 是 更 好 的 解决 
方案 。 通 过 值 传 递 和 常量 引用 进行 传递 的 语言 特性 能 帮助 程序 员 控 制 大 型 和 小 型 类 实例 的 
复制 。 

最 后 ， 硬 件 API 一 般 在 机 器 层面 上 通过 字 节 和 指针 (如 C 语言 所 抽象 的 那样 ) 来 实现 。 
它们 还 需要 对 内 存 分 配 、 回 收 、 类 型 和 映射 进行 人 工控 制 以 便 提 高 操作 效率 。 
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为 了 同时 满足 高 层次 抽象 和 对 从 数 百 到 数 百 万 图 形 基 元 和 像素 进行 处 理 的 性 能 需求 ， 
实现 对 内 存 的 直接 操作 ,我 们 使 用 C++ 语言 的 一 个 子 集 。 除 了 某 些 次 要 的 语法 变化 外 ， 
对 这 个 语言 子 集 ，Java 和 Objective C++ 程序 员 应 已 相当 熟悉 。 它 是 C 语言 的 超 集 ， 可 被 
原始 版 ( 非 托管 ) 的 C# 直 接 编译 。 基 于 上 述 理由 ， 而 且 考虑 到 围绕 它 已 有 很 好 的 工具 和 库 ， 
C++ 成 了 当今 编写 绘制 器 的 主流 语言 。 显 然 ， 我 们 的 选择 和 介绍 真实 绘制 器 如 何 实现 这 
一 主题 是 一 致 的 。 

注意 ， 很 多 硬件 API 也 备 有 由 API 供应 商 或 第 三 方 提供 的 高 级 语言 封装 器 。 一 旦 你 
熟悉 了 其 基本 功能 ， 则 可 使 用 此 类 封装 器 来 提高 你 在 硬件 API 上 开发 软件 的 效率 。 


全 ;3,2 工具 类 


本 章 假 设 程序 中 已 提供 了 明显 的 工具 类 (如 代码 清单 15-4 中 所 列 出 的 类 )。 对 于 这 些 
类 ， 读 者 可 以 使 用 WPF、Direct3D 的 API 版 本 、 内 建 GLSL、Cg 和 HLSL 着 色 语 言 版 本 
或 G3D 语言 中 的 等 价 类 ， 也 可 以 编写 自己 的 版 本 。 依 照常 规 ，Vector3 和 Color3 类 代 
表 坐 标 轴 ， 每 一 轴 上 的 数值 可 变 但 单位 不 变 。 辟 如，Vector3 常 表示 三 个 空间 轴 ， 可 能 
它 在 某 处 代码 中 表示 一 个 无 单位 的 方向 向 量 ， 而 在 另 一 处 则 表示 以 米 为 度量 单位 的 位 置 。 
我 们 使 用 类 型 的 别名 来 区 分 点 和 向 量 ( 向 量 是 两 点 之 间 的 差 ) 。 


代码 清单 15-4 工具 类 





#define INFINITY (numeric_limits<float>::infinity!()) 


1 

2 

3 class Vector2 { public: float x, y; Ri 
4 Class Vector3 { public: float XxXy Yr ZZ is 4 
5 typedef Vector2 Point2; 

6 typedef Vector3 Point3; 

1 wilass CoOLGLS. 9 Poablis: tloat Ty gr By mi Ms 
8 typedef Radiance3 Color3; 

9 typedef Power3 Color3; 

10 


ll class Ray { 
12 private: 


13 Point3 m erigin; 

14 Vector3 m_ direction; 

15 

16 public: 

17 Ray (Const Point3& org, const Vector3& dir) : 

18 m_origin(org), m direction(dir) {} 

19 

20 const Point3& origin() const { return m origin; } 
21 Const Vector3& direction() const { return m direction; } 
2% 

23 了 





注意 有 些 类 ， 如 Vector3， 采 用 公共 类 型 的 变量 进行 表示 ; 而 另外 一 些 类 ， 如 Ray， 
则 以 更 为 抽象 的 方式 来 隐藏 该 方法 后 面 的 内 部 表示 。 这 些 公 开 型 的 类 是 图 形 学 中 的 骨干 
类 。 但 它们 必须 通过 一 定 的 方法 才能 访问 其 中 的 分 量 ， 这 将 会 对 具体 函数 的 实现 在 语法 上 
添加 麻烦 。 为 了 与 硬件 API 直接 进行 交互 ， 这 些 类 的 字 节 布局 必须 是 已 知 而 且 固定 的 。 它 
们 不 能 表示 成 抽象 的 形式 ， 以 便 可 对 它们 进行 直接 访问 。 而 那些 将 其 内 部 表达 保护 起 来 的 
类 则 是 我 们 后 面 想 要 (事实 上 一 定 会 ) 进 行 修改 的 类 。 举 例 来 说 ， 表 中 Triangle 的 内 部 表 
示 是 一 个 项 点数 组。 如 果 程 序 中 需要 频繁 地 计算 边 向 量 或 面 的 法 向 ， 那 么 显 式 地 存储 这 些 
值 可 能 会 更 加 高 效 。 





对 于 图 像 ， 我 们 采用 Radiance3 数组 作为 其 内 部 表示 ， 每 个 数组 元 素 代表 入 射 到 图 
像 中 一 个 像素 中 心 的 辐射 度 。 然 后 把 这 个 数组 包装 为 一 个 类 ， 并 将 它 表示 成 如 代码 清 
单 15-5 中 配 有 适当 功能 方法 的 2D 结构 。 
代码 清单 15-5 Image 类 





1 class Image { 
2 private: 


3 int m_width; 

4 Lnt m_height; 

5 std: :vector<Radiance3> m_ data; 

6 

int PPMGammaEncode (float radiance, float displayConstant) const; 
8 

9 public: 

10 

1 Image (int width, int height) : 

12 m width(width), m height (height), m data(lwidth * height) {} 
13 

14 int width() const { return m width; } 

15 

16 int height() const { return m height; } 

17 

18 void set(int x, int y, const Radiance3g& value) { 

19 m data[x + y * m width] = value; 

20 } 

21 

22 const Radiance3& get (int x, int y) const 1{ 

23 return m data[lx + y * m width]; 

24 } 

25 

26 void save(const std::stringg& filename, float displayConstant=15.0f) const; 
27 45 





在 C++ 的 约定 和 语法 中 ， 类 型 申明 后 面 的 & 表示 对 应 的 变量 或 其 返回 值 将 通过 指针 
传递 。 前 级 m_ 则 为 避免 成 员 的 变量 名 和 拥有 相似 名 字 的 方法 或 参数 名 之 间 的 混淆。sta:: 
vector 类 是 标准 库 中 的 动态 数组 。 

读者 可 以 设计 一 个 拥有 边界 检查 、 文 档 以 及 实用 函数 等 更 丰富 功能 的 图 像 类 。 扩 展 并 
实现 这 些 功 能 对 读者 而 言 将 是 很 好 的 练习 。 

set 和 get 方法 遵循 了 将 2D 数组 转换 为 1D 数组 的 行 优先 映射 惯例 。 注 意 : 尽管 在 
这 里 我 们 不 需要 用 到 ， 从 1D 索引 i 到 2D 索引 (x，y) 的 反 向 映射 为 


Wthy Y= 7 width 


其 中 ,% 为 C++ 整数 模 操作 。 





9 指数 次 果 时 ， 即 width 二 2*， 可 以 通过 位 操作 来 实现 正 向 和 反 向 
数 a， 它 满足 : 










RD 
0 (15-2) 
as 人 三 C<A (15-3) 


向 右 位 移 的 操作 ， 右 移 的 位 数 由 右 操作 孝 指 定 ，& .为 
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这 是 在 历史 上 很 多 图 形 光学 API 要 求 图 像 大 小 为 2 的 固 的 一 个 原因 ( 另 一 原因 是 为 实 
施 MIP 映射 )。 非 2 的 田 的 整数 可 以 表达 为 多 个 2 的 填 之 和 。 事 实 上 ， 二进制 编码 就 
是 这 么 做 的 ! 例如 ，640 二 512 十 128， 所 以 x 十 640y 二 x 十 (y<9) 十 (y&7)。 

课 内 练习 15. 2: 对 常见 的 1920X1080 分 辩 率 ， 只 使 用 位 操作 、 加 法 和 减法 ， 来 实 
现 位 于 整数 坐标 (z，y) 的 像素 到 1D 数组 索引 i 的 正 向 种 反 向 映射 。 

熟悉 1D 和 2D 数组 之 间 进 行 映射 的 位 操作 方法 很 重要 ， 由 此 读者 可 以 理解 别人 的 
代码 。 它 还 可 帮助 你 领会 基于 硬件 加 迷 的 绘制 是 怎样 通过 一 些 底 层 操作 来 实现 的 ， 以 
及 为 什么 绘制 API 接口 会 有 某 些 限制 条 件 。 不 过 ， 此 类 底层 优化 在 当前 阶段 尚 不 会 实 

质 性 地 提升 绘制 器 的 性 能 ， 因此 目前 尚 无 需 考虑 。 








我 们 的 Image 类 存储 的 是 一 些 具有 物理 意义 的 数值 。 沿 一 条 光线 到 达 某 处 的 光 采 用 
辐射 度 来 度量 ， ee 
器 的 每 个 像素 或 者 胶片 的 某 片区 域 上 的 光量 ， 它 不 体现 传感器 对 光 的 响应 过 程 。 

显示 器 和 图 像 文件 通常 采用 任意 尺度 的 8 位 显示 值 。 注 意 ， 该 显示 值 和 像素 实际 辐射 
的 光 能 之 间 为 非 线 性 映射 。 例 如 ， 如 果 我 们 将 显示 像素 的 值 设 置 为 64， 与 将 该 像素 的 值 设 
为 32 相 比 ， 前 者 并 不 会 发 射 两 倍 于 后 者 的 辐射 度 。 这 意味 着 按照 辐射 度 和 显示 值 的 比例 
进行 简单 的 缩放 并 不 能 忠实 地 显示 我 们 所 需 的 图 像 。 事 实 上 ， 这 个 关系 涉及 一 个 叫 作 伽 马 
的 指数 变换 。 我 们 将 在 下 面 简要 描述 ， 并 在 28. 12 节 中 做 详细 介绍 。 

假设 取 一 乘 数 因子 9a， 它 可 对 图 像 的 辐射 度 值 进 行 重新 缩放 ， 使 得 我 们 希望 表达 的 
最 大 光 能 被 映射 为 1.0， 而 最 小 光 能 映射 为 0.0( 相 当 于 相机 的 快门 和 光圈 )。 这 个 值 由 
用 户 指 定 ， 并 作为 场景 定义 的 一 部 分 。 把 它 映 射 为 GUI 滑 标 进行 调节 是 一 个 不 错 的 
主意 。 

历史 上 ， 大 部 分 图 像 都 存储 8 位 数值 ， 但 其 含义 未 曾 明 确 指定 。 现 在 一 般 都 需要 给 出 
图 像 文件 的 含义 。 存 储 辐 射 度 值 的 图 像 被 非 正 式 地 称 为 存储 线性 辐射 度 ， 表 示 像 素 值 将 随 
辐射 度 值 线性 变化 ( 见 第 17 章 )。 因 为 一 个 包含 阴影 的 典型 室外 场景 的 辐射 度 的 取 值 范围 
可 能 跨越 6 个 数量 级 ， 如 果 把 这 个 数值 压缩 为 每 通道 8 个 二 进 制 位 ， 则 将 导致 产生 因 量 化 
形成 的 视觉 误差 。 不 过 ， 人 对 亮度 的 感知 曲线 大 致 呈 对 数 变化 。 这 意味 着 ， 如 果 在 映射 时 
非 线 性 地 分 配 精度 ， 则 可 以 减少 有 限 位 存储 所 引起 的 视觉 误差 。 伽 马 编码 是 一 种 常见 的 根 
据 分 数 次 震 定 律 来 分 配 精 度 的 方法 ， 其 中 1/7y 为 寡 指 数 。 此 编码 曲线 大 致 符合 人 类 视觉 系 
统 的 对 数 响 应 曲线 。 大 部 分 计算 机 显示 屏 均 接受 按照 sSRGB 标准 曲线 实行 伽 马 校正 的 输入 
数据 ， 其 中 y 约 为 2.2。 很 多 图 像 文件 格式 ， 如 PPM， 也 默认 这 种 伽 马 编码 。 基 于 伽 马 值 
y 王 2.2， 将 辐射 度 值 映 射 到 8 位 显示 值 的 程序 如 下 : 


1 int Image::PPMGammaEncode (float radiance, float d) const { 
2 return int (powt(stad minm(l .0E, Sta marxt(0. OF, radilance * dd))s 
3 二 全 全 区- BZD.0E) 
4 |} 

注意 ，z "< Vz。 因 为 在 大 多 数 硬件 上 取 平 方 和 求 平方 根 比 计 算 需 更 快 ， 因 此 在 实 
时 绘制 中 它们 经 常用 作 > 一 2.0 的 高 效 编码 和 解码 。 

save 例 程 是 我 们 从 绘制 器 中 导出 数据 以 供 显示 的 主要 方法 。 它 把 图 像 保 存 为 可 读 的 
PPM 格式 LP- 10]j， 有 具体 实现 参见 代码 清单 15-6 。 
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代码 清单 15-6 ”把 图 像 保 存 到 ASCII RGB PPM 文件 





1 void Image::save(const std: :Stringg&g filename, float d) const { 
2 FILE* file = fopen(filename.c_str(), "wt"); 

3 fprintf (file; "PP3 %d %d 255N"; m width, m _ height); 
4 for (int ¥ = 0; y < m height; ++y) {1 

5 fprintf (file, "\n# y = Sd\n", y); 

6 for (lint Y= OF < mvwidtk #42) { 

Ts const Radiance3& cl(get (x, y)); 

8 fprintf (file, "%d %d sd\n", 

9 PPMGammaEncode (c.r, d), 

10 PPMGammaEncode (c.g, d), 

11 PPMGammaEncode (c.b, d)); 

12 } 

13 } 

14 fclose (file); 

1 





以 上 代码 片段 固然 是 专 为 保存 图 像 而 设计 的 ， 但 它 还 有 另外 的 参考 价值 。 该 程序 结构 
经 常 出 现在 2D 图 形 学 代码 中 。 其 外 层 循环 遍历 图 像 的 每 一 行 ， 可 执行 任何 以 行为 单位 的 
计算 (在 本 例 中 打印 行 号 ) 。 内 层 循环 则 遍历 当前 行 中 位 于 每 一 列 上 的 像素 ， 逐 个 像素 进行 
操作 。 注 意 ， 如 果 我 们 希望 避免 get 子 例 程 中 的 y* m_wiadath 计算 ,可 以 把 它 移入 逐 行 
操作 中 ， 只 需 在 内 循环 中 每 次 累加 一 个 单 像素 的 位 移 即 可 达到 目的 。 但 在 这 里 我 们 并 没有 
这 样 做 ,原因 是 这 么 做 会 使 代码 变 得 复杂 而 且 不 能 带 来 明显 的 性 能 提升 ， 因 为 与 每 像素 执 
行 一 次 乘法 操作 相 比 ， 写 入 格式 化 的 文本 文件 更 为 费时 。 

对 PPM 格式 的 图 像 文件 进行 加 载 和 保存 需要 一 定 的 时 间 ， 并 且 存 储 图 像 需 占 用 大 量 
空间 。 由 于 这 些 原因 ， 该 格式 很 少 在 学 术 领 域 以 外 使 用 。 但 它 很 适合 用 于 程序 间 的 数据 交 
换 。 此 外 ， 对 小 尺寸 图 像 进行 调试 时 采用 该 格式 也 比较 方便 ， 原因 有 三 : 一 是 便于 读 写 ; 
二 是 很 多 图 像 程序 和 库 都 支持 这 一 格式 ， 包 括 Adobe Photoshop 和 xv; 第 三 ， 我们 可 以 
在 文本 编辑 器 中 打开 该 文件 以 直接 检查 ( 伽 马 校正 后 的 ) 各 个 像素 的 值 。 





a) b ) 
图 15-2 一 个 Image 类 的 测试 图 案 。 图 案 为 单 像素 棋盘 格 ， 其 中 蓝 色 方 格 的 辐射 度 为 1/10W/(m sr)， 白 色 
方 格 的 亮度 沿 竖 直 方向 形成 0 一 10 的 渐变 。a) 取 deviceGamma 一 1.0，displayConstant 二 1.0, 此 
时 暗 的 方 格 呈 现 为 黑色 且 其 亮度 沿 竖 直方 向 呈现 线性 变化 。b) 取 aeviceGamma 王 2.0， 亮 度 的 线 
性 渐变 呈现 为 非 线性 渐变 ， 暗 方 格 也 变 得 清晰 可 见 ( 打 印 或 者 在 线 浏 览 时 因 需 对 图 像 进行 转换 
可 能 会 影响 其 效果 ) 


写 完 保存 图 像 的 代码 之 后 ， 我 们 通过 显示 图 15-2 中 的 简单 图 案 来 辅助 调试 。 如 果 你 
有 意 实 现 自 己 的 图 像 保 存 或 显示 功能 ， 也 要 做 类 似 的 调试 。 测 试图 案由 交错 相间 的 深蓝 色 
像素 和 亮度 渐变 的 白色 像素 组 成 。 创 建 单 像素 棋盘 格 图 案 是 为 了 验证 图 像 在 显示 过 程 中 是 
否 被 拉 伸 或 被 裁 切 。 倘 若 如 此 ， 会 出 现 一 条 或 多 条 垂直 或 水 平 的 细 线 (如 果 读 者 在 电子 显 
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示 屏 上 观看 ， 则 会 观察 到 这 一 现象 ， 这 表明 你 的 显示 软件 确实 拉 伸 了 图 像 )。 采 用 渐变 亮 
度 的 原因 是 为 了 检验 是 否 正确 应 用 了 件 马 校正 。 当 正常 显示 时 ,辐射 度 的 线性 渐变 应 该 呈 
现 为 亮度 的 非 线性 渐变 。 有 具体 来 说 ， 图 案 看 上 去 应 该 偏 亮 。 左 边 的 图 案 是 无 伽 马 校 正 时 的 
情况 : 图 案 的 亮度 呈现 出 线性 渐变 ， 表 明显 示 不 正确 。 右 边 的 图 案 是 实施 了 伽 马 校正 后 的 
情况 ， 它 被 正确 显示 为 整体 偏 亮 的 图 案 。 

注意 到 虽然 我 们 使 用 了 深蓝 色 方 格 ， 但 在 左 侧 未 经 伽 马 校正 的 图 案 中 ， 它 们 呈现 为 黑 
色 。 这 是 因为 伽 马 校正 能 让 较 暗 的 颜色 凸显 出 来 ， 就 像 在 右 图 中 一 样 。 除 了 带 来 色调 上 的 
偏 移 外 ， 色 彩 偏 移 是 伽 马 校正 必须 要 仔细 关注 的 另 一 个 问题 。 当 然 ， 我 们 并 不 知道 显示 器 
的 准确 特性 (尽管 可 以 大 致 确定 其 伽 马 指数 ) 或 房间 内 精准 的 光照 条 件 ， 因 此 进行 精确 的 颜 
色 校 正和 色调 映射 已 超出 了 我 们 的 能 力 。 即 便 如 此 ， 实 施 简 单 的 伽 马 校正 便 能 抓 住 这 一 过 
程 中 最 为 重要 的 方面 ， 同 时 其 计算 代价 低 ， 而 且 和 鲁 棒 。 

课 内 练习 15.3: 有 如 下 的 两 幅 图 像 。 为 了 打印 和 在 线 显示 ， 两 者 都 使 用 了 7y 王 2.0 的 
伽 马 编码 。 左 图 绘制 的 是 亮度 线性 变化 的 渐变 色 ， 和 旨 在 呈现 线性 的 颜色 变化 。 右 图 绘制 了 
辐射 度 线性 变化 的 渐变 色 ( 它 是 图 15-2 的 右 图 去 掉 深 蓝 色 方 格 后 的 结果 )， 应 呈现 为 非 线 
性 的 颜色 变化 。 图 像 以 200X200 的 分 辩 率 绘制 。 请 问 应 用 哪 一 公式 来 计算 左 图 (xXx，y) 像 
素 的 值 (处 于 LO0，1] 之 间 )? 





线性 亮度 


线性 辐射 度 


15. 3.3 场景 表示 


代码 清单 15-7 展示 了 Triangle 类 ， 它 通过 显 式 存储 三 角形 的 三 个 顶点 来 保存 每 个 
三 角形 。 每 个 项 点 附 有 一 个 专用 于 着 色 的 法 向 量 ; 因为 该 法 向 量 并 不 描述 实际 的 几何 ， 故 
有 时 也 称 为 着 色 法 向 量 。 当 顶点 的 法 向 量 和 三 角形 所 在 平面 法 向 量 为 同一 向 量 时 ， 三 角形 
的 着 色 效 果 和 真实 几何 表面 相 一 致 。 如 两 者 存在 差异 ， 则 将 产生 近似 的 着 色 效 果 。 注 意 三 
角形 的 轮廓 线 仍 然 为 多 边 形 ， 这 一 方法 应 用 于 包含 大 量 小 三 角形 的 场景 最 为 逼真 。 


代码 清单 15-7 ”Triangle 类 的 接口 





1 class Triangle 1{ 
2 Private: 


Const Point3& vertex(int i) const { return m vertex[i]; } 
Const Vector3& normal (int i) const { return m normal[i]; } 


3 Point3 m vertex[3]; 
4 Vector3 m_normal[3]; 
| BSDF m_ bsdf; 

6 

2 “PuBiie: 

8 

9 

0 
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11 const BSDF& bsdf() const { return m bsdf; } 


13 }; 





我 们 还 在 每 个 三 角形 上 关联 一 个 BSDF 类 的 值 。 该 值 描述 了 三 角形 所 在 表面 的 材质 属 
性 ， 相 关 细 节 将 在 15. 4. 5 节 中 介绍 。 目 前 可 将 它 视 为 三 角形 的 颜色 。 

上 述 三 角形 类 采用 了 一 种 不 共享 成 员 变 量 的 隐藏 表示 方式 。 尽 管 在 该 类 的 实现 中 包含 
了 返回 各 成 员 变量 的 方法 ， 但 其 三 角形 表示 的 空间 效率 并 不 高 ， 读 者 将 来 可 基于 此 抽象 化 
表示 创建 更 为 高 效 的 三 角形 类 。 例 如 ， 人 允许 多 个 三 角形 共享 相同 的 顶点 和 双向 散射 分 布 函 
数 (BSDF)。 除 此 之 外 ， 三 角形 还 有 其 他 属性 ， 比 如 边 长 和 几何 法 向 量 。 有 时 我 们 需要 频 
繁 地 重新 计算 这 些 属性 ， 这 时 将 它们 显 式 存储 起 来 较为 有 利 。 

课 内 练习 15. 4: 计算 表示 一 个 Triangle 所 需 的 字 节 数 。 由 一 百 万 个 三 角形 组 成 的 网 
格 呢 ?是 否 合理 ? 试 将 其 与 以 二 进 制 3DS 格式 或 ASCII OBJ 格式 存储 的 网 格 文件 相 比较 。 除 
了 减 小 所 占用 的 空间 外 ， 同 一 网 格 上 的 三 角形 之 间 共 享 顶点 之 外 还 有 其 他 什么 优点 ? 

代码 清单 15-8 展示 了 一 个 全 方向 点 光源 的 实现 方式 。 我 们 将 其 表示 为 在 三 个 波长 (或 
波段 ) 上 辐射 的 光 能 和 点 光源 的 位 置 。 注 意 ， 在 该 表示 中 ， 点 光源 在 几何 上 无 限 小 ， 因 此 
它们 本 身 并 不 可 见 。 如 果 希 望 在 最 终 绘 制 的 画面 上 看 到 光源 ， 就 需要 添加 一 个 以 它 为 中 心 
的 几何 表面 或 在 画面 中 直接 绘制 额外 的 信息 。 不 过 在 本 章 中 我 们 并 没有 这 么 做 ， 尽管 读者 
在 调试 光照 代码 时 会 发 现 这 很 有 必要 。 

代码 清单 15-8 均匀 点 光源 接口 








class Light { 
BuUblle: 
Point3 position; 


/xx Over the entire sphere. */ 
Power3 power; 


1 
之 
3 
4 
5 
6 
了 站 





代码 清单 15-9 将 场景 表示 为 三 角形 和 光源 的 集合 。 在 采用 数组 来 储存 这 些 集 合 的 同 
时 ， 也 引入 了 顺序 。 保 持 一 个 一 致 性 的 、 可 重 现 的 环境 有 利于 程序 调试 。 但 下 面 我 们 将 按 
照 另 外 的 方式 来 创建 新 的 顺序 。 注 意 ， 排 序 的 方式 不 仅 会 影响 计算 性 能 ， 甚 至 还 会 在 一 定 
程度 上 影响 所 生成 的 图 像 ， 比 如 在 两 个 表面 相交 处 判断 哪个 表面 更 近 。 更 复杂 的 场景 数据 
结构 可 能 包括 在 场景 内 建立 另外 的 辅助 结构 ， 以 形成 特定 的 排序 。 


代码 清单 15-9 将 场景 表示 为 无 结构 的 三 角形 和 光源 列表 








1 class Scene { 

2 public: 

3 std::vector<Triangle> triangleArray; 
4 std::vector<Light> lightArray; 
下 





代码 清单 15-10 表示 相机 类 。 相 机 有 和 针 孔 光圈 、 瞬 时 快门 以 及 虚拟 的 近 平 面 和 远 平面 
(对 应 常数 的 负 z 值 )。 我 们 假设 相机 位 于 原点 并 朝向 负 = 轴 方 向 。 


代码 清单 15-10 ”位 置 在 原点 的 针 孔 相机 的 接口 








1 class Camera { 

2 publiec: 

3 float zNear; 
4 float zFar; 
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导 float fieldOfViewX; 

6 

7 Cameral(l) : zNear(-0.1f), zFar(-100.0f), fieldOfViewX(PI / 2.0f) {} 
8 


}; 





我 们 将 相机 的 水 平视 域 限定 为 fieldofViewx， 即 从 相机 视 域 水 平 线 的 最 左边 像素 的 
中 心 到 最 右边 像素 的 中 心 之 间 所 张 的 弧度 (如 图 15-3 所 示 )。 在 绘制 过 程 中 ， 我 们 会 计算 
目标 图 像 的 宽 高 比 并 利用 它 来 确定 垂直 视 域 。 当 然 ， 也 可 以 指定 垂直 视 域 ， 再 通过 宽 高 比 
来 计算 相机 的 水 平视 域 。 


15.3.4 测试 场景 
用 来 测试 我 们 绘制 器 的 场景 只 包含 一 个 三 角形 。 该 三 角形 的 顶点 为 : 


POLINt3t0s lr) POlrnt3(=1 .9%=1r =2) nd POint da(L .0 =05r=2) 
顶点 处 的 法 向 量 为 : 
VeetoarS(t OO.0F,. O06£, LO0F) .direetiont() 


Vector3(-0.4f; -0.4f, 1.0f) .direction'() 
Vecteor3t Af;=0.4F, 1 0f)y.Qirection() 


我 们 在 场景 中 创建 一 个 光源 ， 其 位 置 在 Point3 (1. 0f, 3. 0f,1.0f)， 所 发 射 的 光 能 
为 Power3 (10,10,10)。 相 机 位 于 原点 并 朝向 负 x 轴 方 向 ， 在 屏幕 空间 中 ，y 轴 正 方向 朝 
上 , 工 轴 正方 向 向 在。 图 像 的 大 小 为 800X500， 并 初始 化 为 深蓝 色 。 

选择 这 样 的 场景 数据 是 基于 下 面 的 考虑 。 在 调试 时 ， 取 非 正方 形 的 长 宽 比 、 非 标准 
色 、 不 对 称 的 物体 等 ， 有 助 于 发 现 坐标 轴 或 者 颜色 通道 意外 出 错 的 情况 。 将 每 个 顶点 的 属 
性 设置 成 不 同 的 值 则 可 使 在 代码 中 跟踪 数值 变 得 更 容易 。 比 如 ， 对 于 本 例 中 的 三 角形 ， 仅 
通过 过 坐标 即 可 确定 你 正在 检查 的 是 哪个 顶点 。 

另 一 方面 ， 这 里 采用 了 标准 相机 ， 因 而 无 需 变换 光线 和 几何 ， 这 使 实现 更 为 高 效 和 简 
单 ， 也 使 调试 变 得 方便 一 一 因为 输入 数据 可 精确 地 映射 为 绘制 数据 。 在 实践 中 ， 大 多 数 绘 
制 算 法 也 是 在 相机 的 参照 坐标 系 中 执行 的 。 

课 内 练习 15.5: 请 做 完 以 下 必 做 题 后 再 继续 : 

画 出 上 述 场景 在 以 下 三 个 视点 下 的 示意 图 。 

1. 治 工 轴 方向 的 正 投 影视 图 。 在 该 视图 中 ，> 轴 正 向 朝 右 ，y 轴 正 向 向 上 。 画 出 相机 
及 其 视 域 。 

2. 沿 y 轴 负 方 向 的 正 投影 视图 。 在 该 视图 中 ,x 轴 正 向 朝 右 ，z 轴 正 向 朝 下 。 画 出 相 
机 及 其 视 域 ， 并 画 出 顶点 法 向 量 。 

3. 治 相 机 正面 朝向 (z 轴 负 方向 ) 的 透视 图 ; 相机 不 应 出 现在 图 中 。 


15. 4 光线 投射 绘制 程序 
我 们 通过 扩展 并 实现 代码 清单 15-2 中 的 初始 伪 代 码 开始 构建 光线 投射 绘制 程序 。 代 
码 清单 15-11 将 提供 更 多 的 细节 。 
代码 清单 15-11 光线 投射 绘制 程序 的 详细 伪 代 码 


1 for each pixel row y: 
2 for each pixel column xXx: 
3 let R= ray through screen space position (zx 十 0.3,y 十 0.5) 
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4 closest = oo 

3 for each triangle T: 
6 d = intersect (T, R) 
3 if (d < closest) 

8 closest = d 


9 Sum = 0 

10 let P be the intersection point 

14 for each direction Qi: 

12 Sum += light scattered at P from Oi to Wo 
13 

14 imagelx, y] = sum 





以 上 三 重 循环 将 遍历 每 一 条 光线 和 每 一 个 三 角形 的 组 合 。 在 对 三 角形 进行 遍历 的 循环 
中 ， 检 验光 线 与 当前 三 角形 的 交点 是 否 比 之 前 的 交点 更 近 ， 如 果 是 ， 则 对 该 交点 进行 
色 。 我 们 将 光线 与 三 角形 求 交 和 采样 的 操作 抽象 为 辅助 函数 sampleRayTriangle。 代 码 
清单 15-12 给 出 了 该 辅助 函数 的 接口 。 
代码 清单 15-12 ”光线 -三 角形 求 交 和 着 色 的 函数 接口 
1 bool sampleRayTriangle (const Sceneg& scene, int x, int y, 


2 Const Ray& R, const Triangle& TT, 
3 Radiance3& radiance, floatég& distance); 











函数 sampleRayTriangle 的 具体 说 明 如 下 。 它 测试 一 条 指定 的 光线 和 三 角形 是 否 
相交 。 如 果 存 在 交点 并 且 比 之 前 该 光线 可 见 的 所 有 交点 更 近 ， 则 计算 从 该 点 朝 观 察 者 散射 
的 辐射 度 并 返回 true。 与 此 同时 ， 最 里 层 的 循环 将 像素 (x，y) 的 值 设置 成 新 的 辐射 度 值 
L_o。 从 更 远 的 三 角形 发 射 来 的 辐射 度 已 不 再 重要 ， 因 为 (概念 上 ) 它 会 被 最 近 三 角形 的 背 
面 所 阻挡 而 永远 无 法 到 达成 像 平面 上 。 代 码 清单 15-15 展示 了 sampleRayTriangle 的 实 
现 过 程 。 

为 了 绘制 整 张 图 像 ， 我 们 需要 对 每 个 像素 中 心 以 及 每 个 三 角形 调用 一 次 sampleRay- 
Triangle。 代 码 清 单 15-13 定义 了 执行 此 迭代 的 rayTrace 程序 ， 以 实施 光线 投射 的 长 
方形 区 域 作为 参数 ( 见 15. 4. 4 节 )。 我 们 用 L_o 表示 来 自 三 角形 的 辐射 度 ; 下 标 “o” 代 表 
“出 射 ”。 

代码 清单 15-13 ”对 位 于 (x0,y0) 和 (xl-1,y1-1) 之 间 的 每 个 像素 跟踪 一 条 光线 的 代码 





1 /x Trace eye rays with ortgins, in the box from [xO0, YO0] te (Xxl; Yl1).*/ 
2 void rayTrace (Image& image, const Scene& scene, 

3 const Camera& camera, int x0, int xl, int yO0, int yl1) { 

4 

pi // For each pixel 

6 Fer (int vy = yOr yy © yl FFy) 1 

他 for (4nt R= YO TR < Ly +) 4 

8 

9 // Ray through the pixel 

10 const Ray& R = computeEyeRay (x + 0.5f, y + 0.5f, image.width(), 
11 image .height (), camera); 

12 

13 // Distance to closest known intersection 

14 float distance = INFINITY; 

15 Radiance3 L_o; 

16 

i // For each triangle 

18 for (unsigned int 七 = 0; 七 < scene.triangleArray.size(); ++t)1{ 
19 const Triangleg& T = scene.triangleArray[t]; 
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21 if (sampleRayTriangle(scene, x, y, R, T, Lo, distance)) { 
22 image.set (x, y, L_o); 

23 } 

24 } 

25 } 

26 } 

27 } 





为 了 能 在 整 张 图像 上 调用 rayTrace， 我 们 使 用 如 下 接口 : 


rayTrace (image, scene, camera, 0, image.width(), 0, image.height ());，; 


15. 4. 1 生成 视线 


假设 相机 的 投影 中 心 位 于 原点 (0，0，0)。 在 相机 坐标 系 
中 ，y 轴 指 向 上 方 , 工 轴 指 向 右 方 ，z 轴 指 向 屏幕 外 。 因 此 相 
机 在 该 右手 坐标 系 中 朝 负 z 轴 方 向 。 我 们 可 以 使 用 第 11 章 中 
的 变换 把 任意 场景 变换 到 这 个 坐标 系 中 。 

我 们 需要 用 工具 函数 computeEyeRay 来 找到 穿 过 某 一 
像素 中 心 的 光线 。 对 整数 坐标 zx 和 yy， 其 对 应 的 像素 中 心 的 
屏幕 空间 坐标 为 (zx 十 0. 5，y 十 0.5)。 代 码 清单 15-14 给 出 了 
实现 。 图 15-3 描述 了 其 中 关键 的 几何 关系 。 此 图 为 场景 的 集 
视图 ， 其 中 x 轴 正 向 朝 右 ，xz 正 向 朝 下 。 在 图 中 ， 近 平面 呈 
现 为 一 根 水 平 线 ，start 点 位 于 该 平面 上 ， 视 线 从 相机 原点 





出 发 指向 给 定 像素 的 中 心 。 网 153 罕 半 一 你 中 心 
为 了 实现 这 一 函数 ， 我 们 需要 按 图 像 平面 的 深度 或 者 理 分 辩 率 和 相机 的 水 
想 的 视 域 对 相机 进行 参数 化 。 相 比 之 下 ， 视 域 是 一 种 更 为 直 平视 域 ) 


观 的 相机 参数 ， 因 此 在 前 面 建立 场景 模型 时 我 们 选择 了 这 种 参数 化 形式 。 
代码 清单 15-14 ”计算 穿 过 像素 (x，y) 中 心 的 视线 (图 像 大 小 为 width x height) 








1 Ray computeEyeRay (float x, float y, int width, int height, const Camera& camera) { 
2 const float aspect = float (height) / width; 

3 

4 // Compute the side of a square at z = -1 based on our 

5 // horizontal left-edge-to-right-edge field of view 

6 const float s = -2.0f * tan(camera.fieldOfViewX * 0.5f); 

7 

8 const Vector3& start = 

9 Vector3t( ‘(KT 7 width = O03) w Bi 

10 Sy helialt = O03EY Es ,aspeecty LI.Of) camra. ZNears 
11 

12 return Ray (Start， start.direction()); 








我 们 将 视线 的 起 点 设置 在 z= camera. zNear 近 平 面 ( 有 时 称 为 hither 面 ) 上 。 当 然 视 
线 也 可 以 始 于 原点 而 不 是 近 平 面 上 的 一 点 。 之 所 以 这 么 做 是 为 了 使 其 结果 更 易于 与 后 面 的 
光栅 化 程序 精确 对 接 。 

因为 视线 方向 是 从 投影 中 心 (位 于 原点 (0，0，0)) 指 向 近 平 面 上 的 start 点 ， 所 以 我 
们 对 start 点 进行 归 一 化 处 理 。 

课 内 练习 15.6: 根据 第 7 章 的 规则 ， 光 线 方向 应 为 (start-Vector3 (0,0,0)) 
.direction()。 该 式 显 式 地 设 定 了 相机 的 位 置 ， 即 使 之 后 相机 方位 有 所 变化 ， 由 于 代码 
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采取 强制 设 定 来 匹配 对 应 的 数学 类 型 ， 将 不 易 引 入 程序 错误 。 如 此 一 来 ， 代码 中 程序 会 充 
满 这 样 的 语句 。 坚 持 使 用 强制 设 定 可 能 会 让 算法 可 读 性 变 差 而 导致 得 不 偿 失 (偶尔 发 现 一 
次 错误 也 许 是 好 事 )。 如 何 选 择 取决 于 个 人 喜好 和 经 验 ( 可 以 采用 下 述 方法 协调 输入 数据 和 
数学 之 间 的 绑 定 关系 : 让 P. direction() 返 回 至 PP 点 的 方向 ,而 不 是 将 该 点 归 一 化 )。 

试 基于 第 7 章 中 有 明显 区 别 的 Point 和 Vector 抽象 概念 重 写 computeEyeRay， 以 
感受 在 代码 中 强制 设 定 是 如 何 影响 表达 和 程序 正确 性 的 。 假 如 对 你 有 所 启发 ， 建 议 你 采用 
这 一 方法 重 写 本 章 的 所 有 代码 。 这 将 是 有 价值 的 。 

注意 start 的 y 坐标 已 反 号 。 这 是 因为 这 里 的 y 定义 在 2D 屏幕 空间 中 ， 按 约定 ，y 
问 下 为 正 。 而 光线 位 于 3D 坐标 系 中 ， 约 定 y 向 上 为 正 。 

若 采用 垂直 视 域 来 取代 水 平视 域 ， 则 需要 用 fieldofViewY 来 代替 fieldofViewX 
并 插入 代码 s/= aspect。 

15. 4. 1. 1 相机 设计 说 明 

C++ 语言 同时 提供 了 函数 和 方法 (方法 可 视 为 程序 过 程 的 抽象 )。 我 们 已 经 介绍 了 以 
Camera 为 参数 的 computeEyeRay 函数 ， 以 区 分 Ccamera 类 “支持 代码 ”和 读者 现在 正 
在 添加 的 与 光线 跟踪 器 相关 的 代码 。 随 着 读者 继续 阅读 本 书后 面 各 章 ， 可 以 考虑 重 构 这 些 
支持 代码 ， 把 此 类 辅助 功能 整合 到 合适 的 类 中 。( 如 果 你 在 使 用 现 有 的 3D 库 作 为 支持 代 
码 ， 它 所 提供 的 相机 类 里 可 能 已 经 包含 了 类 似 的 方法 。 在 这 种 情况 下 ， 值 得 把 该 方法 作为 
函数 再 实现 一 遍 ， 来 获得 亲历 实现 和 调试 该 程序 的 经 验 。 当 获取 了 这 个 经 验 以 后 ， 可 以 抛 
弃 你 实现 的 版 本 而 保留 经 典 版 本 。) 

软件 工程 中 有 一 个 窗 门 : 尽管 我 们 没有 做 底层 优化 ,但 小 心地 使 用 引用 (比如 
Image&) 来 避免 过 度 的 参数 和 中 间 结 果 复 制 依然 很 重要 。 这 么 做 有 两 点 理由 ， 但 均 不 涉及 
本 程序 的 计算 性 能 。 

第 一 个 理由 是 希望 养 成 不 过 度 复制 的 习惯 。 一 个 Vector3 只 占据 12 字 节 的 存储 空 
间 ， 但 一 幅 全 屏 的 Image 则 是 几 百 万 字 节 。 如 果 我 们 有 意识 地 避免 复制 数据 (除非 是 为 了 
复制 语义 )， 那 么 以 后 就 不 会 存在 意外 复制 Image 或 其 他 大 型 数据 结构 的 风险 。 内 存 分 配 
和 复制 操作 可 能 出 奇 得 慢 ， 并 极 大 地 增加 程序 的 内 存 占 用 。 因 此 复制 数据 所 耗费 的 时 间 并 
不 只 是 性 能 估计 的 一 个 恒定 的 额外 开销 。 在 内 循环 中 逐 像 素 地 执行 复制 图 像 操 作 会 让 光线 
投射 算法 的 运行 时 间 估 计 从 O(n) 变 化 为 O(n ) 。 

第 二 个 理由 是 有 经 验 的 程序 员 会 依靠 一 系列 的 习惯 编程 风格 来 避免 错误 。 对 这 些 风 格 
的 任何 偏离 则 会 引发 警惕 (因为 它 可 能 是 一 个 潜在 的 错误 )。 从 长 远 的 性 能 考虑 ，C++ 所 
采用 的 一 种 习惯 风格 就 是 尽 可 能 用 常数 索引 来 传递 数值 ， 除 非 男 有 需要 。 对 没有 遵循 习惯 
风格 的 代码 ， 有 经 验 的 程序 员 将 需要 花费 更 长 的 时 间 来 审核 ， 以 检查 程序 的 正确 性 及 其 性 
能 是 否 受 到 影响 。 如 果 你 是 一 名 有 经 验 的 C++ 程序 员 ， 那么 这 样 的 习惯 编程 风格 将 有 助 
你 阅读 代码 。 如 果 不 是， 请 忽略 所 有 的 && 符号 并 把 它 当 成 伪 代 码 ， 或 者 通过 它 来 成 为 一 
名 更 好 的 C++ 程序 员 。 

15. 4. 1.2 ”测试 视线 计算 

在 继续 下 一 步 之 前 ， 我 们 需要 先 测试 computeEyeRay。 一 种 方法 是 写 一 个 单元 测试 
程序 来 计算 通过 特定 像素 的 视线 并 将 其 与 手动 计算 的 结果 进行 比较 。 这 通常 是 一 种 很 好 的 
测 斌 策略。 此外， 我 们 还 可 以 对 视线 进行 可 视 化 。 可 视 化 是 快速 观察 多 种 计算 结果 的 好 方 
法 ， 它 让 我 们 可 以 更 直观 地 检查 结果 ， 倘 若 结果 和 预期 不 符 ， 则 有 助 于 找 出 错误 所 在 。 

在 本 节 中 ， 我们 将 对 视线 的 方向 进行 可 视 化 。 对 其 起 始点 可 以 采用 相同 的 方法 。 相 比 


光线 投射 与 光志 化 825 








之 下 ,方向 更 容易 出 错 ， 而 且 其 取 值 有 一 定 范围 ， 因 此 更 加 重要 也 更 容易 被 可 视 化 。 
方向 可 视 化 的 一 种 自然 的 方案 是 将 (z， y，z) 场 映射 为 (r，g，0) 的 颜色 三 元 组 。 将 光 
线 方 向 转换 为 像素 颜色 当然 严重 违反 了 单位 的 语义 约束 ， 但 它 确 实 是 有 用 的 调试 技术 ， 而 
且 在 这 里 我 们 并 不 指望 得 出 具有 指导 性 的 结果 。 
因为 成 像 平 面 上 每 个 像素 的 坐标 都 在 [一 1，1] 区 间 内 ， 我 们 通过 一 (z 十 1)/2 将 其 区 
间 调 整 至 [0，1]j。 而 且 我 们 的 图 像 显示 程序 要 调用 曝光 函数 ， 因 此 需 将 得 到 的 亮度 值 乘 上 
一 个 其 数量 级 为 曝光 值 倒数 的 常数 比例 因子 。 目 前 暂时 将 以 下 代码 : 


image -Set(X7 YY Color3(R.Gdirection() + Vector3(1, 1, 1)) / SS) 


插入 rayTrace 中 代替 sampleRayTriangle， 它 将 生成 图 15-4 所 示 的 图 像 ( 其 中 比例 因 
子 取 1/5， 以 便 将 调试 值 缩放 到 适合 于 输出 的 合理 范围 ， 注 意 显 示 器 已 针对 辐射 度 进 行 过 
初始 校正 ， 该 常数 因子 由 实验 得 到 。) 我 们 期 望 视线 的 并 坐标 (可 视 化 为 红色 ) 会 从 左边 的 最 
小 值 增加 到 右边 的 最 大 值 。 类 似 地 ，y 坐标 (可 视 化 为 绿 
sh `\ 值 增加 到 顶部 的 最 大 值 。 如 果 你 

结果 不 一 样 ， 则 需要 检查 你 的 图 案 ， 并 思考 什么 样 的 
ed hae nh 在 本 章 的 后 面部 分 测试 更 复 
林 的 求 交 程 序 时 ,我们 还 会 再 次 回 到 作为 调试 技术 的 可 
视 化 方法 。 


15. 4.2 采样 框架 : 求 交 和 着 色 
代码 清单 15-15 展示 了 一 根 光 线 对 一 个 三 角形 进行 采样 的 代码 。 此 代码 本 身 不 执行 繁 
重 的 工作 ， 只 计算 intersect 和 shade 所 需要 的 值 。 
代码 清单 15-15 ”一 根 光 线 对 一 个 三 角形 进行 求 交 和 着 色 


1 bool sampleRayTriangle (Const Sceneg&g scene, int x, int y, const Rayg&g R， 
const Triangleg& T, Radiance3& radiance, floatg& distance) 1{ 





图 15-4 视线 方向 的 可 视 化 结果 








2 

3 float weight [3]; 

4 const float d = intersect (R, T, weight); 

5 

6 if (d >= distance) { 

7 return false; 

8 } 

9 

10 // This intersection is closer than the previous one 

站 | distance = d; 

12 

二 // Intersection Point 

14 const Point3& P = R.origin() + R.direction() * d; 

Js 

16 // Find the interpolated vertex normal at the intersection 
条 Const Vector3& n = (T.normal (0) * weight[0] + 

18 T.normal(1) * weight[1] + 

19 T.normal (2) * weight [2]) .direction(); 
20 

21 Const Vector3& wo = -R.direction(); 

人 shade (Scene，T，P，n，w_o radiance); 

24 

25 // Debugging intersect: set to white on any intersection 
26 //radiance = Radiance3(1, 1, 1); 

27 


28 // Debugging barycentric 
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29 //radiance = Radiance3 (weight [0], weight [1], weight[2]) / 15; 
30 

3 return truey 

3 小 





当 没 有 找到 比 distance 更 近 的 交点 时 ，sampleRayTriangle 例 程 返回 false; 
否则 ， 更 新 distance 和 radiance， 并 返回 true。 

在 调用 这 一 例 程 时 ， 调 用 者 将 新 得 到 的 aistance 值 (其 初始 值 为 INFINITY，C++ 
中 INFINITY=std: :numeric_limits<T>:infinity(), 或 简单 地 等 于 1. 0/0. 0) 传 
递 给 当前 的 最 近 交 点 。 倘 若 R 和 了 T 之 间 无 交 ， 则 让 intersect 例 程 返回 INFINITY， 以 
保证 sampleRayTriangle 不 会 返回 true 值 。 

将 (d>=distance) 测 试 置 于 着 色 之 前 是 一 种 优化 。 假 如 在 测试 之 前 就 进行 着 色 计 算 ， 
而 不 管 新 求 得 的 交点 是 否 为 最 近 交 点 ， 尽 管 最 终 获得 的 结果 仍然 是 正确 的 ， 但 它 会 引入 不 
必要 的 计算 。 注 意 ，shade 例 程 的 开销 可 能 会 非常 大 。 事 实 上 ， 在 一 个 全 功能 的 光线 跟踪 
器 中 ， 几 乎 所 有 的 计算 时 间 都 花费 在 shade 中 (该 例 程 将 递归 地 采样 新 的 光线 )。 在 本 章 
中 我 们 不 会 对 着 色 优 化 做 进一步 讨论 ， 但 读者 应 该 意识 到 : 倘若 还 有 其 他 距离 更 近 的 表 
面 ， 不 对 当前 交点 执行 着 色 计 算是 明智 的 。 

调用 例 程 rayTrace 时 三 角形 的 顺序 将 影响 例 程 的 性 能 。 如 果 三 角形 从 远 到 近 排 列 ， 
则 每 一 个 三 角形 都 需 进行 着 色 计 算 ， 最 后 ， 除 了 最 后 一 个 外 ， 之 前 所 有 的 计算 结果 都 被 抛 
弃 ， 这 无 疑 是 最 坏 的 状况 。 相 反 ， 如 果 这 些 三 角形 从 近 到 远 排列 ， 则 只 着 色 第 一 个 交点 ， 
然后 拒绝 剩 下 的 所 有 三 角形 而 无 需 执行 进一步 的 着 色 计 算 。 为 了 保证 sampleRayTrian- 
gle 具有 最 佳 的 性 能 ， 我 们 常 将 它 分 解 成 两 个 辅助 的 子 例 程 : 一 个 寻找 最 近 交 点 ， 男 一 个 
对 交点 着 色 。 这 是 光线 跟踪 器 中 的 常见 做 法 。 请 记 住 这 一 点 ,但 暂时 不 必 调 整 代 码 。 写 完 
光栅 化 绘制 器 程序 后 ， 我 们 将 分 析 上 述 优化 对 光线 投射 和 光栅 化 的 时 间 和 空间 耗费 的 影 
响 ， 从 而 为 每 个 算法 的 不 同 的 实现 版 本 提供 参考 。 

下 面 我 们 将 首先 实现 和 测试 intersect 子 例 程 。 为 此 ， 暂时 注释 掉 第 23 行 对 
shade 的 调用 ， 并 取消 对 位 于 该 行 下 面 的 两 组 调试 代码 的 注释 。 


15. 4.3 光线 -三 角形 求 交 


根据 7. 9 节 所 述 并 为 代码 清单 15-16 实现 的 方法 ,我们 将 分 两 步 找到 视线 和 三 角形 的 
交点 。 首 先 求 取 视 线 所 在 直线 与 三 角形 所 在 平面 的 交点 ， 然 后 计算 交点 关于 三 角形 的 重心 
坐标 ， 以 确定 交点 是 否 落 在 三 角形 内 。 我 们 将 忽略 该 直线 与 三 角形 所 在 平面 背面 的 交点 ， 
以 及 位 于 直线 上 但 不 在 视线 区 间 内 的 交点 。 

除了 用 来 判断 交点 是 否 位 于 三 角形 内 ， 重心 坐标 还 可 用 于 对 顶点 属性 (如 顶点 的 法 向 
量 ) 进 行 插 值 。 在 我 们 的 实现 中 ， 重 心 坐标 将 返回 给 子 程序 调用 者 。 调 用 者 可 以 根据 重心 
坐标 或 者 沿 光 线 的 距离 来 找到 交点 。 之 所 以 返回 距离 值 ， 是 因为 接 下 来 需要 用 它 来 确定 该 
交点 是 否 为 场景 中 (包含 多 个 三 角形 ) 离 观察 者 最 近 的 交点 。 而 返回 重心 坐标 是 为 了 支持 后 
面 的 插值 计算 。 

图 15-5 显示 了 相应 的 几何 关系 。 令 RR 为 光线 ,本 为 三 角形 。 令 ei 为 Vo 到 Vi 的 边 疝 
量 ，e; 为 Vo 到 V; 的 边 向 量 。 向 量 9 垂直 于 光线 以 及 e;。 注 意 如 果 gq 也 垂直 于 e;， 那 么 光线 
将 与 三 角形 平行 而 无 交点 。 如 果 gq 位 于 ei 的 负 半 球 中 ， 那 么 光线 将 远离 三 角形 而 去 。 

向 量 s 是 光线 起 始点 到 V 的 位 移 向 量 ， 向 量 > 是 s 和 ei; 的 又 积 。 这 些 向 量 用 来 求解 重 
心 坐标 ， 如 代码 清单 15-16 所 示 。 
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q = direction(R) x (V,— VV) 








及 


s=origin(R)— VW 





三 角形 7 


代码 清单 15-16 ”光线 -三 角形 求 交 (由 [MT97] 导 出 ) 





1 float intersect (const Ray& R, const Triangleg T, float weight [3]) { 
2 Const Vector3& el = T.vertex(1) - T.vertex (0); 

3 Const Vector3& e2 = T.vertex(2) - T.vertex(0); 

4 const Vector3& q = R.direction() .cross (e2); 

5 

6 const float a = el.dot (gq); 

7 

8 Const Vector3& s = R.origin() — T.vertex (0); 

9 const Vector3& r = s.cross (el); 

10 

11 // Barycentric vertex weights 

12 weight[1] = s.dot(gq) / a; 

13 weight[2] = R.direction() .dot (r) / a; 

14 weight[0] = 1.0f - (weight [1] + weight [2]); 

地 

16 const float dist = é2.d0t (r) / a; 

17 

18 static const float epsilon = le-7f; 

19 static const float epsilon2 = le-10; 

20 

2 if ((a <= epsilon) || (weight[0] < -epsilon2) || 

22 (weight[1] < -~epsilon2) || (weight [2] < -epsilon2) || 
2 (drat x= DOE) 4 

24 // The ray is nearly parallel to the triangle, or the 
25 // intersection lies outside the triangle or behind 
26 // the ray origin: "infinite" distance until intersection. 
ZX return INFINITY; 

28 } else { 

29 return dist; 

30 } 

31 





变量 a 是 光线 接近 三 角形 的 速度 乘 以 两 倍 的 三 角形 面积 。 从 其 计算 方法 无 法 看 出 以 上 
关系 ， 但 可 以 通过 三 重 又 积 恒 等 关 系 导出 : 
令 d= 二 R. direction() 
令 area 二 |e; Xel |/2 
4 一 el。d 一 el。d Xe 一 d。ezXel 王 一 (dg。1)。2。area (15-4) 
最 后 一 步 利 用 了 e Xe 和 三 角形 的 法 向 量 方向 相反 的 事实 。 因 为 向 量 g 在 之 后 计算 重心 坐 
标的 代码 中 还 会 用 到 ， 在 实现 中 选取 这 种 形式 的 表达 式 有 其 便利 之 处 。 
在 许多 情况 下 我 们 需要 将 某 个 值 和 零 进 行 比较 。 两 个 epsilon 常数 避免 了 做 比较 时 
由 于 有 限 数值 精度 而 导致 的 误差 。 
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采用 a<=epsilon 这 一 测试 条 件 将 检测 两 种 情况 。 如 果 a 等 于 0， 那 么 光线 平行 于 三 
角形 并 和 三 角形 无 交 。 在 这 种 情况 下 ， 因 代码 中 多 次 除 以 0， 某 些 变 量 的 值 有 可 能 为 无 穷 
大 或 非 数 值 。 不 过 这 并 不 要 紧 ， 因 为 第 一 项 测试 仍然 会 保证 整个 测试 表达 式 为 true。 如 
果 a 为 负 值 ， 那 么 光线 会 沿 远离 三 角形 的 方向 而 去 ， 然 后 和 三 角形 永 不 相交 。 注 意 ， 如 果 
epsilon 值 太 大 ,那么 光线 沿 接 近 掠 角 的 方向 靠近 三 角形 时 有 可 能 会 错过 交点 。 由 于 a 
是 光线 接近 三 角形 的 速度 乘 以 三 角形 的 面积 ， 这 种 交点 漏 失 的 情形 更 可 能 发 生 在 大 面积 而 
不 是 小 面积 的 三 角形 上 。 而 如 果 我 们 将 测试 条 件 改变 为 fabs (a)<=epsilon， 那 么 三 角 
形 会 有 两 面 。 对 于 真实 不 透明 物体 的 模型 而 言 ， 这 自然 是 不 必要 的 ,但 对 于 绘制 基于 数学 
的 模型 或 者 含有 误差 的 模型 ， 它 将 带 来 便利 。 之 后 我 们 将 采用 优化 技术 ,快速 吻 除 场景 中 
的 背面 (几乎 占 一 半 )， 因 此 在 这 里 我 们 只 考虑 单 面 三 角形 以 保证 程序 的 一 致 性 。 

常数 epsilon2 允许 光线 与 三 角形 的 交点 略 偏离 三 角形 的 边缘 之 外 ， 可 确保 含有 公共 
邻 边 的 三 角形 完全 覆盖 边 上 的 像素 ， 而 不 受 数值 精度 的 影响 。 如 果 epsilon2 太 小 ， 则 这 
些 边 上 偶尔 会 出 现 单 像素 的 空洞 。 但 如 果 它 取 值 太 大 ， 则 所 有 三 角形 都 会 变 大 。 

取决 于 处 理 器 的 架构 ， 针 对 as*0 的 情况 提早 进行 测试 并 即刻 返回 可 能 比 稍 后 返回 一 
非 数 值 或 无 限 大 的 数值 执行 起 来 更 快 。 此 外 ,许多 值 可 以 预先 计算 (比如 三 角形 的 边 长 )， 
或 者 被 重用 (至 少 在 求 交 计算 中 如 此 ， 比 如 1. 0f/a)。 针 对 不 同 的 架构 、 编 译 器 、 场 景 类 
型 (比如 分 别针 对 标量 处 理 器 LMT97j 与 矢量 处 理 器 [TWBB08j]) 优 化 其 求 交 代码 已 形成 作坊 
式 工 业 。 在 这 里 ， 我 们 将 跳 过 这 些 底层 优化 ， 而 关注 算法 层面 上 的 决策 。 在 实践 中 ， 大 多 
数 光线 投射 程序 花费 在 光线 求 交 代码 上 的 时 间 甚 少 。 判 断 光 线 与 三 角形 是 否 相 交 的 最 快 方 
法 是 压根 就 不 问 这 个 问题 。 在 第 37 章 中 ， 我 们 将 介绍 可 快速 并 保守 地 去 除 与 当前 光线 不 
可 能 相交 的 三 角形 集合 的 数据 结构 ， 因 此 从 根本 上 避免 了 光线 与 这 些 三 角形 的 求 交 计算 。 
对 目前 这 个 例 程 进行 优化 只 会 使 问题 变 复杂 而 无 助 于 增进 算法 的 长 远 性 能 。 

我 们 的 绘制 器 目前 只 能 处 理 三 角形 ， 但 可 轻易 地 将 它 扩展 到 包含 任何 一 种 几何 基 元 的 
场景 (只 要 我 们 能 提供 光线 与 该 类 基 元 的 求 交 方法 ) 。 由 低 阶 方程 定义 的 表面 ， 如 平面 、 甜 
形 、 球 和 圆柱 体 ， 已 有 显 式 求解 方法 。 对 于 其 他 表面 ， 比 如 双 三 次 面 片 ， 可 以 采用 求 根 方 





15. 4.4 调试 


我 们 现在 来 确认 求 交 代码 的 正确 性 。( 本 书 提供 给 读者 的 代码 是 正确 的 ， 但 是 如 果 你 
调用 时 使 用 了 错误 的 参数 ， 或 者 在 移植 到 另 一 种 语言 或 支持 代码 库 时 引入 了 错误 ， 则 需要 
学 习 如 何 来 发 现 错误 ,) 这 是 一 个 学 习 额 外 的 图 形 调试 技巧 的 好 机 会 ， 这 些 技 巧 无 一 例外 地 
体现 了 可 视 调试 原则 。 

逐一 检查 调试 器 或 者 打印 输出 中 的 每 一 个 求 交 结果 
是 不 切实 际 的 。 这 是 因为 rayTrace 图 数 调用 了 inter- 
sect 数 干 次 。 所 以 ,与 其 检查 单个 结果 ， 不 如 根据 可 视 
调试 原则 ， 将 像素 的 辐射 度 设置 成 正比 于 重心 坐标 ， 实 
现 重心 坐标 可 视 化 。 图 15-6 展示 了 正确 的 结果 图 。 如 果 
你 的 程序 生成 了 类 似 的 结果 ,那么 你 的 程序 可 能 是 正 








确 的 图 15-6 单个 三 角形 场景 ， 其 颜 
色 取 为 交点 的 重心 从 
如 果 你 的 结果 看 上 去 和 图 15-6 不 一 样 ， 那 该 怎么 办 0 


呢 ? 显然 ， 你 无 法 检查 每 一 条 结果 。 如 果 在 intersect 调试 求 交 代码 
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代码 中 设置 断 点 ， 在 找到 你 感 兴趣 的 求 交 测试 情形 之 前 ， 你 可 能 需要 跟踪 数 百 条 与 三 角形 
并 不 相交 的 光线 。 

这 就 是 为 什么 我 们 构造 rayTrace， 它 跟踪 的 不 是 整个 图 像 ， 而 是 调用 者 指定 的 长 方 
形 区 域 。 我 们 完全 可 以 在 main () 中 对 单个 像素 执行 光线 跟踪 程序 。 一 个 更 好 的 做 法 是 创 
建 一 个 调试 界面 ， 通 过 点 击 鼠 标 来 选 定 像素 ,实施 单 像素 光线 跟踪 ， 进 而 通过 设置 断 点 或 
打印 中 间 结 果 ， 来 查证 为 什么 会 在 该 像素 上 会 出 现 错误 。 对 于 单个 像素 而 言 ， 所 涉及 的 数 
学 极为 简单 ， 完 全 可 以 手动 计算 出 正确 结果 并 和 程序 生成 的 结果 进行 比较 。 

一 般 而 言 ， 即 便 是 简单 的 图 形 程序 也 会 涉及 大 量 的 数据 : 如 大 量 的 三 角形 、 像 素 或 者 
许多 动画 帧 。 对 它们 进行 处 理 时 可 能 需要 启动 很 多 线程 ， 或 需 在 GPU 上 运行 。 传 统 的 调 
试 方法 难以 应 付 如 此 大 规模 的 数据 和 高 度 的 并 行 结构 。 此 外 ， 图 形 开 发 环境 可 能 不 支持 打 
印 输出 或 者 设置 断 点 之 类 的 传统 技术 。 比 如 ， 在 某 个 硬件 绘制 API 下 ， 你 的 程序 可 能 运行 
在 一 个 嵌入 式 处 理 器 上 ， 而 该 处 理 器 大 多 数 情况 下 不 能 访问 控制 台 ， 你 的 调试 程序 也 无 法 
访问 它 。 

但 是 幸运 的 是 ， 有 三 条 策略 适用 于 图 形 调试 : 

1) 大 量 使 用 断言 。 在 程序 的 优化 版 本 中 它 并 不 产生 开销 。 在 调试 版 本 中 ， 当 程序 运 
行 正确 时 它们 无 反应 ， 但 当 断 言 被 违反 时 则 会 在 测试 位 置 处 终止 程序 。 因 此 使 用 断言 有 助 
于 快速 发 现 错误 ， 而 不 需要 人 工 先 跟踪 正确 的 部 分 直至 错误 出 现 。 

2) 直接 简化 到 最 小 测试 样 例 。 通 常 取 单 个 三 角形 的 场景 、 单 根 光 线 和 单个 像素 。 关 
键 是 如 何 找到 可 能 导致 不 正确 结果 的 光线 、 三 角形 和 像素 的 组 合 。 断 言 和 基于 GUI 界面 
进行 点 击 -调试 是 可 行 的 方法 。 

3) 中 间 结 果 可 视 化 。 我 们 刚 绘制 了 一 幅 基于 视线 和 三 角形 交点 重心 坐标 的 可 视 化 图 
像 。 该 图 像 为 400 000 像素 ， 如 果 打 印 出 这 些 值 或 者 采用 调试 器 逐一 进行 跟踪 ， 我 们 将 很 
难 在 海量 的 数据 中 识别 出 异常 值 。 但 是 如 果 从 图 中 看 到 黑色 或 白色 的 像素 ， 或 者 发 现 其 红 
色 和 绿色 分 量 错位 ， 则 可 推断 出 该 错误 的 性 质 ， 或 者 至 少 知道 哪些 输入 导致 例 程 出 错 。 


15. 4.5 着 色 


现在 我 们 已 经 准备 就 绪 来 实现 shade 例 程 。 该 例 程 将 计算 入 射 到 交点 P 的 辐射 度 以 
及 表面 的 反射 光 中 有 多 少 沿 视线 方向 射 癌 了 观察 者 。 

我 们 仅 考 虑 从 光源 直接 人 射 到 表面 再 反射 到 相机 的 光线 传播 路 径 。 在 此 限定 下 ， 除 了 
来 自 光 源 的 直射 光 外 ， 无 其 他 任何 方向 的 光线 到 达 表 面 ， 故 只 需 考 虑 有 限 数量 的 w;。 再 假 
设 光 源 到 表面 交点 的 入 射 光线 不 受 遮 挡 ， 这 意味 着 生成 的 图 像 中 不 会 出 现 阴影 。 

代码 清单 15-17 对 场景 中 的 光源 进行 遍历 (在 目前 的 测试 场景 中 只 设 了 一 个 光源 )。 对 
于 每 个 光源 ， 循 环 体 将 计算 待 着 色 点 到 光源 的 距离 和 方向 。 假 设 光 源 朝 各 个 方向 发 射 的 光 
是 均匀 的 ,， 且 与 竺 着色 点 为 有 限 距离 。 在 此 假设 下 ,点 P 处 的 人 射 辐射 度 工 i 正比 于 光源 
的 总 能 量 除 以 光源 到 P 点 距离 的 平方 。 这 是 因为 对 于 给 定 的 距离 ,光源 的 能 量 在 以 该 距离 
为 半径 的 球面 上 呈现 均匀 分 布 。 我 们 暂时 忽略 阴影 ， 所 以 目前 让 visible 困 数 总 是 返回 
true。 在 将 来 ， 如 果 光 源 到 P 的 入 射 路 径 被 遮挡 ， 则 光源 对 该 点 将 不 贡献 任何 人 射 光 能 ， 
该 函数 将 返回 false。 


代码 清单 15-17 单 次 反射 的 着 色 代 码 


] void shade (const Sceneg& scene, const Triangleg& T, const Point3& P, 
Const Vector3& n, const Vector3&g w_o, Radiance3& L o) { 
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2 

3 T= COLor3{t0 DE OQE OOEYs 

4 

5 // For each direction (to a light source) 

6 for (unsigned int i = 0; i < scene.lightArray.size(); ++i) { 
7 const Light& light = scene.lightArray[il]; 

8 

9 const Vector3g& offset = light.position - P; 

10 const float distanceToLight = offset.length(); 

11 Const Vector3& w_i = offset / distanceToLight; 

2 

13 if (visible(P; Wi, distanceToLight; ‘stene)) 1{ 

14 const Radiance3& L_i = light.power / (4 * PI * square (distanceToLight)); 
js 

16 // Scatter the light 

7 Lo += 

18 mn 

19 T.bsdf( ) .evaluateFiniteScatteringDensity(w_i, w_o) * 
20 max(0.0, dot (w_i, n)); 

21 } 

2 } 

2 





入 射 到 表面 P 点 的 光 继 续 朝 各 个 方向 散射 ， 其 中 一 部 分 朝 相 机 方向 。 令 L_o 为 朝 该 方 
向 散射 光 的 总 和 。 我 们 将 散射 分 布 函 数 表达 为 BSDF 模型 ， 并 采用 类 来 实现 ， 这 样 它 能 在 
不 同 的 调用 中 保持 同一 状态 ， 并 具有 类 的 继承 结构 。 在 本 书 的 后 面 章 节 中 ， 我 们 还 会 发 
现 ， 除 了 调用 这 个 函数 ,还 希望 利用 它 执行 其 他 操作 ; 例如 ， 我 们 可 能 想 基 于 它 定 义 的 概 
率 分 布 进行 采样 。 类 的 表示 框架 允许 我 们 以 后 引入 实施 这 些 操作 的 相关 方法 。 

给 定 人 射 角 和 出 射 角 ， 利 用 这 个 类 的 evaluateFiniteScatteringDensity 方法 
可 求 出 相应 的 散射 函数 的 值 。 我 们 取 该 函数 的 值 和 入 射 辐射 度 的 乘积 ， 再 乘 以 w_i 和 nn 夹 
角 的 余弦 来 计算 入 射 辐射 度 在 出 射 方向 上 的 投影 (根据 倾斜 原理 )。 


15. 4.6 朗 伯 散射 

最 简单 的 BSDF 模型 是 不 论 观察 者 在 什么 方向 ， 所 看 到 的 物体 表面 均 具 有 相同 的 光亮 
度 ， 即 evaluateFiniteSscatteringDensity 恒 返回 常数 值 。 这 类 反射 称 为 朗 伯 反射 。 
它 非常 适合 于 描述 纸张 或 者 油漆 墙 面 一 类 的 哑 光 表面 。 代 码 清 单 15-18 给 出 了 它 的 实现 
(14. 9. 1 节 提 供 了 少许 细节 ， 更 多 的 细节 可 参见 第 29 章 )。 它 只 有 一 个 成 员 一 一 lamber- 
tian， 用 来 表示 表面 的 “颜色 ”。 为 保持 能 量 守 恒 ， 其 所 有 分 量 的 值 都 必须 在 L0，1j 区 
间 内 。 

代码 清单 15-18 ”按照 代码 清单 14-6 格式 实现 的 朗 伯 BSDF 实现 


1 class BSDF { 





2. PUBlITC: 

人 3 CoOLOr3. KE Ls 

4 

5 /x*x Returns f =Lo/ (Li * w i.dot(n)) assuming 
6 incident and outgoing directions are both in the 
positive hemisphere above the normal */ 

8 Color3 evaluateFiniteScatteringDensity 

9 (const Vector3& Ww_i, const Vector3& w.o) const { 
10 return k_L / PI; 
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图 15-7 显示 了 采用 朗 伯 BSDF 以 及 k_L=Color3(0. 0f,0. 0f,0. 8f) 所 绘制 出 的 一 个 
三 角形 场景 。 由 于 该 三 角形 的 顶点 法 向 量 与 三 角形 所 在 平面 的 法 向 量 略 有 偏离 ， 因 此 三 角 
形 看 上 去 像 曲面 。 具 体 来 说 ， 三 角形 的 底部 颜色 趋 深 ， 这 是 因为 代码 清单 15-17 第 20 行 
的 w_i. dot (n) 项 朝 着 三 角形 的 底部 自 上 而 下 衰减 。 


15. 4. 7 光泽 型 散射 


朗 伯 表面 因 无 高 光 而 显得 单调 。 如 要 生成 更 有 趣 
的 光泽 表面 ， 可 采用 类 似 Blinn-Phong 的 散射 函数 来 
建 模 。 代 码 清 单 15-19 中 给 出 了 一 个 满足 能 量 守 恒 的 
Blinn-Phong 函数 实现 (来 自 Sloan 和 Hoffmann[ AM- 图 15-7 一 个 绿色 的 朗 伯 三 角形 
HH08，257])。 第 27 章 将 介绍 这 一 函数 的 由 来 及 各 种 改进 方案 。 它 属于 我 们 在 第 6 章 见 
过 的 WPF 着 色 函 数 的 变化 形式 ， 只 是 现在 我 们 正在 具体 地 实现 它 而 不 是 调节 黑箱 的 参数 。 
该 模型 的 基本 思想 很 简单 ， 对 朗 伯 BSDF 进行 修改 ,使 它 在 表面 法 向 靠近 入 射 和 出 射 方向 
的 角 平 分 向 量 时 ， 取 一 个 大 的 径 向 峰值 。 这 个 峰值 用 余弦 函数 的 窜 来 模拟 ， 因 其 容易 用 点 
积 来 计算 。 对 峰值 需 作 适 当 缩 放 以 保证 出 射 辐射 度 不 超过 入 射 辐射 度 ， 且 使 峰值 的 锐 度 和 
总 的 光 强 度 为 相当 独立 的 参数 。 

对 于 这 个 BSDF 的 每 个 颜色 通道 选择 lamber - 
tian+glossy<1 以 保证 能 量 守 恒 。glossySharp- 
ness 通常 取 在 L0，2000] 的 范围 内 。 这 是 因为 g1- 
ossySharpness 属于 对 数 尺 度 ， 当 它 的 值 变 大 时 必 
须 取 更 大 的 增 量 以 产生 同样 的 感知 效果 。 

图 15-8 显示 了 使 用 归 一 化 的 Blinn-Phong BSDF 绘制 
的 绿色 三 角形 。 这 里 k_L=Color3 (0. 0f,0.0f,0.8f),k ”图 15-8 使 用 归 一 化 的 Blinn-Phong 
G=Color3 (0. 2f,0. 2f,0.2f) 并 且 s= 100. 0f。 i 








代码 清单 15-19 ”Blinn-Phong BSDF 的 散射 密度 





1 class BSDE 1 


2 Puslte 

3 Color3 RL? 

4 Color3 k_G 

5 float s; 

6 Vector3 ns 

7 Se 

8 

9 Color3 evaluateEiniteScatteringDensity (Const Vector3& w_i, 
10 Const Vector3& wo) const { 

ll Const Vector3& w_h = (w_i + w_o) .direction(); 

【人 return 

(le 人 求 攻 - 仙人 ， 

14 BewE (std: :max(0.0f, w_ hkh.dot kr) ss) 8.08E)) 7 
15 Pes 

16 

jh } 

18 上 





15. 4.8 阴影 
代码 清单 15-17 中 的 shade 函数 仅 在 光源 和 着 色 点 PP 之 间 无 遮挡 时 才 计 算 光 源 的 照 
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明 贡 献 。 被 遮挡 的 区 域 自然 会 显得 暗 这 种 光照 被 屏蔽 的 现象 称 为 阴影 

在 我 们 的 实现 中 ， tir ss ens visible 国 数 执行 。 当 是 仅 当 入 射 光 线 不 受 这 
挡 时 ， 该 函数 返回 true。 在 编写 着 色 程 序 时 ， 我 们 曾 暂 时 让 visible 函数 总 返回 true， 
这 意味 着 所 生成 的 图 像 中 无 阴影 。 现 在 重 回 visible 函数 来 实现 阴影 

我 们 已 有 一 个 强大 的 光线 测试 工具 : intersect 函数 。 如 果 和 人 人 射 光线 和 其 他 三 角形 
相交 ， 那 么 对 于 PP 点 光源 是 不 可 见 的 。 因 此 只 需 简单 地 再 次 遍历 场景 来 进行 测试 ， 在 测试 
中 我 们 采用 从 P 点 到 光源 (而 不 是 相机 到 已 点 ) 的 阴影 探测 光线 。 当 然 ， 也 可 以 测试 光源 
到 P 的 光线 ，。 

代码 清单 15-20 显示 了 visible 函数 的 实现 。 其 结构 与 sampleRayTriangle 非常 
类 似 ， 但 在 细节 上 有 三 大 不 同 之 处 。 第 一 ， 检 测 到 交点 后 ， 无 需 对 交点 进行 着 色 ， 而 是 立 
即 返回 false 值 。 第 二 ， 阴 影 探 测 光 线 无 需 投 射 到 无 穷 远 处 ， 一 且 它 跨 过 光源 便 立 即 终 
止 跟踪 。 事 实 上 ， 位 于 光源 后 的 三 角形 不 可 能 对 已 点 形成 阴影 ， 因 而 无 需 理会 。 第 三 点 也 
是 最 后 一 点 ， 并 非 真 正 从 已 点 开始 发 射 阴影 探测 光线 ， 而 是 沿 着 光线 投射 方向 前 移 少 许 ， 
以 避免 光线 投射 后 立即 与 P 点 所 在 平面 再 次 求 交 。 


代码 清单 15-20 ”用 于 阴影 判定 的 视线 可 见 性 测试 


1 bool visible(const Vector3& P, const Vector3& direction, float 
distance, const Scene& scene) { 





2 static const float rayBumpEpsilon = le-4; 

3 const Ray ShadowRay (P + direction * rayBumpEpsilon, direction); 

4 

3 distance -= rayBumpEpsilon; 

6 

多 // Test each potential shadow caster to see if it lies between P and the light 
8 float ignore[3]; 

9 for (unsigned int s = 0; s < scene.triangleArray.size(); ++s) { 

10 if (intersect (shadowRay, scene.triangleArray[s], ignore) < distance) {{ 
11 // This triangle is closer than the light 

12 return false; 

13 } 

14 } 

15 

16 return true; 


17° 3 





由 单个 三 角形 组 成 的 场景 不 足以 测试 阴影 。 我 们 需要 一 个 物体 投射 阴影 ， 而 另 一 个 物 
体 则 接收 阴影 。 为 此 ， 对 该 场景 做 一 简单 的 扩展 ， 即 增加 一 个 四 边 形 的 “地 平面 "， 以 便 
绿色 三 角形 可 朝 地 面 投射 阴影 。 代 码 清单 15-21 给 出 了 创建 这 一 场景 的 代码 。 注 意 在 代码 
中 我 们 还 增加 了 一 个 和 绿色 三 角形 具有 相同 项 点, 但 排序 相反 的 三 角形 。 这 是 因为 场景 中 
的 三 角形 是 单 面 的 ， 而 绿色 三 角形 的 法 向 指向 光源 ， 因 此 需要 添加 它 的 反面 ,来 遮挡 从 地 
面 投向 光源 的 阴影 探测 光线 。 
代码 清单 15-21 构建 双 面 三 角形 和 地 平面 场景 的 代码 


void makeOneTriangleScene (Scene& s) { s.triangleArray.resize(1); 





s.triangleArray[0] = 
TrLiangdle (Vector3 (0 1,=-2}), Vecteor3(=-1. 9 =1, -2), Veetor3(1l .0 =0s3, 2)7 
Vector3(0,0.6£f,1) .directiont(), 
Vector3(-04f;=0,4f; 1l1.0f) .dirvectiom(), 
Vector3(0.4f,-0.4f, 1.0f) .direction(), 
BSDF (Color3::green() * 0.8f,Color3::white() * 0.2f, 100)); 


Doo~ 了 wwwD 一 
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10 S.1ightRArray.resize(I)， 

11 s.lightArray[0] .position = Point3(1, 3, 1); 

12 s.lightArray[0] .power = Color3::white() * 10.0f; 

13” 4 

14 

1l5 void makeTrianglePlusGroundScene (Scene& s) { 

16 makeOneTriangleScene (s); 

17 

18 // Invert the winding of the triangle 

19 s.triangleArray.push_back 

20 tTriangle(Vectord(-T. 9; =1=—21,. Vector3(t0 Ll,=23)s 

21 Vector3(1.6,-0.574-2)}, Vector3{(-0.4f;=0.4f, 1.0f) .directiont(), 

22 Vector3 (0,0.6f,1) .direction(), Vector3(0.4f,-0.4f, 1.0f) .direction(), 
23 BSDE (COlor3 Eee NI * 0.8f,Color3: :whitet) % OQ.2E, 400))ys; 

24 

25 // Ground plane 

26 const float groundY = -1.0f; 

27 const Color3 groundColor = Color3::white() * 0.8f; 

28 s.triangleArray.push back 

29 (Triangle(Vector3(—10 greoundY; -10)s Vector3(=10, ‘groundY, =0,,01£); 

30 Vector3(10; groundY,; =0..0Q1f), 

31 Veetor3wunitYtl)y Vector unitY(), Veetorss unitY():. TroundecolLor)yly 
32 

33 s.triangleArray.push back 

34 (Trianglie(Vector3(=10, greoundyY, =10),»y Vector3(10, groundY, -001f£); 

35 Vector3(10, groundY, =10).,, 

36 Vector3 unitY(); Vector3: :unitY(), Vector3::unit?(), groundColor)); 
37 } 





课 内 练习 15.7: 执行 求 交代 码 来 验证 如 果 没 有 “背面 ”， 绿 色 三 角形 不 会 投射 阴影 。 

图 15-9 显示 了 未 包含 阴影 前 的 新 场景 的 绘制 结果 。 如 果 在 你 的 实现 中 未 见 到 地 平面 ， 
最 有 可 能 出 现 的 错误 是 某 一 光线 投射 例 程 未 能 遍历 所 有 的 三 角形 。 

图 15-10 显示 了 正确 执行 visible 测试 后 的 场景 绘制 结果 。 如 果 rayBumpEpsilon 
取 值 太 小 ， 则 着 色 后 的 绿色 三 角形 上 可 能 出 现 麻 点 。 图 15-11 中 可 看 到 这 种 瑕 竟 。 和 特地 
从 离开 尸 点 处 发 射 阴影 探测 光线 的 方法 相 比 ， 另 一 种 方法 是 将 之 前 处 理 过 的 三 角形 排除 在 
阴影 光线 求 交 计算 之 外 。 我 们 未 做 这 一 选择 是 因为 该 方法 较为 适合 非 结 构 化 的 三 角形 集 
合 ， 随 着 场景 变 得 越 来 越 复杂 ， 将 很 难 运行 这 一 套 自 定义 的 光线 求 交 代码 。 比 如 ， 我 们 和 希 
望 以 后 能 从 简单 的 三 角形 数组 中 提取 出 场景 的 数据 结构 ， 而 这 个 数据 结构 可 能 是 哈 希 表 或 
树 结构 并 涉及 一 些 复 杂 的 算法 ,人 允许 从 数据 结构 中 动态 剔除 表面 会 使 得 这 类 数据 结构 变 得 
复杂 化 并 且 损 害 其 通用 性 。 而 且 ， 虽然 我 们 现在 绘制 的 仅仅 是 三 角形 ， 但 希望 将 来 扩展 到 
其 他 几何 表面 ， 例 如 球 或 者 隐 式 曲面 。 此 类 表面 很 可 能 与 一 根 光线 相交 多 次 。 如 果 限 定 阴 
影 探测 光线 永远 不 和 当前 表面 相交 ， 那么 这 类 物体 将 永远 不 会 产生 自身 阴影 。 





图 15-9 绿色 三 角形 场景 中 添加 了 由 两 个 灰色 三 图 15-10 由 四 个 三 角形 组 成 的 场景 ， 其 中 绿色 三 
角形 构成 的 地 “平面 "。 同 时 引入 绿色 三 角形 是 双 面 的 ， 采用 visible 函数 生成 
角形 的 背面 光线 投射 阴影 





15. 4.9 更 复杂 的 场景 

我 们 已 为 只 包含 一 到 两 个 三 角形 的 场景 构建 了 绘制 器 。 该 绘制 融 同 样 可 以 绘制 由 多 个 
三 角形 组 成 的 场景 。 图 15-12 显示 了 一 个 位 于 白色 地 板 上 的 发 亮 的 金色 茶壶 。 我 们 解析 了 
包含 有 其 相应 三 角形 网 格 项 点 的 文件 ， 将 这 些 三 角形 添加 到 场景 的 三 角形 数组 中 ， 然 后 采 
用 现 有 的 绘制 器 对 它 进行 绘制 。 此 场景 包含 大 约 100 个 三 角形 ， 与 单 三 角形 场景 相 比 ， 其 
绘制 速度 大 约 慢 100 倍 。 我 们 可 以 构建 更 为 复杂 的 几何 场景 和 着 色 函 数 ， 唯 一 受 限 的 是 模 
型 的 质量 和 绘制 的 性 能 ， 这 两 者 都 会 在 接 下 来 的 章节 中 加 以 改进 。 

图 15-12 所 示 画 面 令 人 印象 深刻 (至 少 相 对 于 单 三 角形 场景 )， 其 中 有 两 点 原因 。 第 
一 ， 它 呈现 了 一 些 真 实 世 界 中 的 现象 ， 比 如 高 光 、 阴 影 以 及 柔和 的 光照 过 渡 ， 是 基于 我 们 
场景 中 光源 和 表面 间 的 几何 关系 自然 而 然 产 生 的 。 








图 15-11 绿色 三 角形 上 的 麻 点 。 产 生 这 种 瑕 症 的 原因 是 图 15-12 由 很 多 三 角形 构成 
由 于 阴影 探测 光线 交 于 当前 正在 着 色 的 三 角形 的 场景 





的 背面 ， 本 质 上 属于 自身 阴影 

第 二 ， 这 个 图 像 模 拟 了 一 个 我 们 熟悉 的 物体 ， 具 体 来 说 是 一 个 茶壶 。 和 模拟 光照 现象 
不 同 ， 代 码 里 并 没有 哪 一 部 分 显示 出 其 结果 像 茶 壶 ， 我 们 只 是 简单 地 加 载 7 某 人 人 工 创 建 
(最 早 由 Jim Blinn 构建 ) 的 一 个 数据 文件 中 的 三 角形 表 。 这 个 茶壶 的 三 角形 表 是 图 形 学 中 
的 一 个 经 典 模 型 。 你 可 以 从 http://graphics. cs. williams. edu/data 下 载 此 图 用 到 的 三 角形 
网 格 文件 。 如 何 构建 这 样 的 模型 是 绘制 之 外 的 另 一 个 问题 ， 将 会 在 第 22 章 和 其 他 章 中 讨 
论 。 幸 运 的 是 ， 可 以 找到 许多 这 样 的 模型 ， 因 此 在 讨论 绘制 时 对 建 模 的 问题 可 暂缓 考虑 。 

从 这 里 我 们 可 以 悟 到 一 点 : 作为 一 个 技术 领域 ， 计 算 机 图 形 学 的 优势 (同时 也 是 弱点 ) 
在 于 : 对 于 最 终 图 像 的 质量 ， 贡 献 最 大 的 通常 是 数据 而 不 是 算法 。 绘 制 茶 过 和 绿色 三 角形 
的 算法 是 相同 的 ， 但 因 其 数据 更 好 ， 茶 壶 看 上 去 更 吸引 人 。 当 大 师 级 艺术 家 创建 了 输入 数 
据 后 ， 即 便 采 用 低 水 平 的 近似 算法 也 能 产生 极 佳 的 视觉 效果 一 一 电影 和 游戏 产业 的 商业 成 
功 很 大 程度 上 有 赖 于 此 。 由 于 大 家 都 是 依据 绘制 结果 来 评价 算法 ， 因 此 务 请 记 住 这 一 点 并 
不 妨 加 以 利用 ， 即 尽量 引入 好 的 艺术 模型 来 展示 你 的 算法 。 


15.5 间 秦 曲 

为 了 绘制 场景 ， 我 们 需要 同时 遍历 三 角形 和 像素 。 在 之 前 的 章节 中 ， 我 们 选择 由 外 循 
环 遍 历 像素 ， 而 由 内 循环 来 遍历 三 角形 ， 从 而 形成 了 光线 投射 算法 。 光 线 投射 算法 具有 三 
个 好 的 性 质 : 它 在 一 定 程 度 上 模拟 了 物理 过 程 ; 将 可 见 性 测试 和 着 色 分 为 两 个 例 程 ; 采用 
相同 的 光线 -三 角形 求 交 例 程 来 处 理 视线 和 阴影 探测 光线 。 

必须 承认 ， 这 里 所 展示 出 的 光线 投射 和 物理 过 程 的 关联 仍 是 肤浅 的 。 真 正 的 光子 从 光 
源 沿 着 光线 传播 到 景物 表面 再 到 眼睛 ， 而 我 们 是 沿 着 相反 的 路 径 对 其 进行 跟踪 。 真 正 的 光 
子 也 不 会 全 部 朝 相 机 方向 散射 。 直 接 来 自 光 源 的 光子 经 表面 散射 后 大 都 朝 别 的 方向 ， 而 大 
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部 分 从 表面 散射 到 相机 的 光 并 不 是 源 于 光源 对 表面 的 直接 人 射 。 尽 管 如 此 ， 通 过 光线 对 光 
的 传播 进行 采样 的 算法 是 光子 采样 的 一 个 良好 的 开端 ， 它 与 我 们 对 光 传 播 过 程 的 直觉 相 吻 
合 。 也 许 你 已 在 思考 如 何 更 好 地 对 光 的 真实 散射 行为 进行 建 模 。 本 书 余下 的 大 部 分 章节 都 
聚焦 于 这 些 方 面 。 

在 下 一 节 中 ， 我 们 将 交换 循环 的 谋 套 顺序 来 构建 光栅 化 算法 ， 并 将 探索 由 此 带 来 的 影 
响 。 我 们 现 已 经 有 了 一 个 可 用 的 光线 跟踪 程序 ， 故 可 通过 比较 光线 跟踪 程序 生成 的 图 像 和 
新 生成 的 结果 ， 方便 地 检查 这 一 改变 的 正确 性 。 我 们 还 有 度量 新 算法 性 质 的 标准 。 当 你 阅 
读 接 下 来 的 章节 并 实现 其 中 描述 的 算法 时 ， 请 思考 所 做 的 改变 对 代码 的 清晰 度 、 模 块 化 以 
及 计算 效率 带 来 了 怎样 的 影响 ， 特 别 是 应 从 实际 运行 时 间 和 理论 运行 时 间 两 方面 来 比较 算 
法 的 效率 。 具 体 来 说 ,针对 不 同 的 应 用 ， 考量 光栅 化 和 光线 跟踪 哪 一 个 将 更 为 适用 。 

上 面 这 些 问题 并 不 仅 发 生 在 我 们 选择 外 循环 的 对 象 时 。 所 有 的 高 性 能 绘制 器 都 采用 复 
杂 的 方式 对 场景 和 图 像 进 行 剖 分 。 用 户 需 要 决定 如 何 进 行 剖 分 并 对 每 一 种 分 割 考 虑 究竟 是 
先 遍历 像素 ( 即 光线 方向 ) 还 是 先 遍 历 三 角形 。 同 样 的 考量 在 每 个 层次 都 会 遇 到 ,但 是 随 着 
该 层次 待 处 理 数 据 的 尺度 以 及 机 器 架构 不 同 而 有 不 同 的 评估 标准 。 


15.6 光栅 化 

现在 我 们 开始 实现 光栅 化 绘制 ， 并 把 它 和 光线 投射 绘制 程序 作对 比 ， 考 察 每 个 绘制 器 
在 哪些 地 方 更 高 效 ， 以 及 重新 编排 的 代码 是 怎样 提升 效率 的 。 事 实证 明 ， 这 些 看 上 去 并 不 
起 眼 的 改变 对 计算 时 间 、 通 信 需 求 以 及 缓存 一 致 性 产生 了 很 大 的 影响 。 


15. 6. 1 交换 循环 次 序 


代码 清单 15-22 给 出 了 rasterize 的 一 种 实现 ， 其 代码 结构 和 rayTrace 密切 对 应 ， 
只 是 内 外 循环 的 柑 套 顺序 相反 。 变 更 循环 顺序 的 直接 影响 是 必须 将 每 个 像素 当前 最 近 交 点 
的 距离 值 存储 到 一 个 大 缓冲 器 (depthBuffer)， 而 不 是 仅仅 表示 成 一 个 简单 的 浮 点 数 。 
这 是 因为 我 们 不 再 是 先 对 当前 像素 进行 处 理 直 至 结束 ， 然 后 再 移 到 下 一 像素 ， 因 此 必须 存 
储 每 个 像素 的 中 间 人 处 理 状 态 。 在 一 些 实现 中 ， 取 交点 沿 z 轴 的 距离 作为 深度 (或 取 其 倒 
数 ) 。 我 们 选择 存储 其 沿 着 视线 方向 的 距离 ， 以 便 更 好 地 与 光线 投射 的 结构 保持 一 致 。 

对 于 光线 R 也 存在 存储 其 中 间 状 态 问 题 。 当 然 也 可 以 创建 一 个 光线 缓冲 器 。 但 在 实现 
时 发 现 ， 重新 计算 这 些 光 线 的 代价 相当 小 ,不 值得 加 以 存储 。 而 且 我 们 很 快 就 会 看 到 可 完 
全 避免 逐 像素 进行 光线 计算 的 替代 方法 。 
代码 清单 15-22 ”光栅 化 绘制 程序 ， 通 过 简单 地 交换 光线 跟踪 程序 中 的 循环 典 套 顺序 并 引入 深度 缓存 实现 


1 void rasterize(Image& image const Scene& scene, const Camerag& camera) 1{ 





六 

3 const int w = image.width(), h = image.height (); 
4 DepthBuffer depthBuffer(w, h, INFINITY); 

> 

6 // For each triangle 

for (unsigned int t = 0; 七 < scene.triangleArray.size(); ++t) f{ 
8 const Triangleg& T = scene.triangleArray[t]; 

9 

10 // Very conservative bounds: the whole screen 
11 GOnst int 0 = fs 

12 Gonst int xl1 = Ww; 

13 

14 const int y0 = 0; 

15 const int yl = hy; 
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17 // For each pixel 

18 for (Tint Y= yOr ¥ < yl? ++y) { 

19 EvE (inEt: wR = x K < RL; tix 4 

20 Const Ray& R = computeEyeRay (x, y, w, h, camera); 
2 

22 Radiance3 L_o; 

23 float distance = depthBuffer.get (x, y); 

24 if (sampleRayTriangle (scene, x, y, R, T, Lo, distance)) { 
25 image.set (x, y, L_o); 

26 depthBuffer.set (x, y, distance); 

27 } 

28 } 

29 

30 } 

3 





DepthBuffer 类 和 Image 类 相似 ， 但 它 在 每 个 像素 处 存储 的 是 一 个 单 精度 浮 点 数 。 
在 整 幅 图 像 域 上 定义 的 缓冲 器 在 计算 机 图 形 学 中 很 常见 。 故 可 利用 多 态 性 来 实现 代码 重 
用 。 在 C++ 中 ,最 主要 的 多 态 语 言 特征 就 是 模板 ， 它 对 应 于 C# 中 的 模板 以 及 Java 中 的 
泛 型 。 我 们 可 以 先 定义 Buffer 模板 类 ， 再 采用 Radiance3、 浮 点 数 或 者 其 他 基于 单个 
像素 的 数据 对 它 进 行 实例 化 。 由 于 存 人 磁盘 或 gamma 校正 的 方法 不 一 定 适用 于 该 模板 的 
所 有 参数 ， 因 此 最 好 把 这 些 方法 交 由 各 模板 实例 的 具体 子 类 来 实现 。 

不 过 ， 光 栅 化 的 初始 实现 并 未 涉及 上 述 层 次 的 设计 。 读 者 可 简单 地 复制 Image 类 的 
实现 方式 来 实现 DepthBuffer， 然 后 用 浮 点 数 奉 代 原 代码 中 的 Radiance3， 并 删除 随后 
的 显示 和 保存 步骤 。 我 们 把 这 个 实现 留 作 练 习 。 

课 内 练习 15.8: 如 上 文 所 述 ， 实 现 DepthBuffer。 

在 实现 代码 清单 15-22 所 示 代 码 之 后 ， 我 们 尚 需 对 光栅 化 程序 进行 测试 。 由 于 我 们 已 
信任 光线 跟踪 的 结果 ， 故 针对 同一 个 场景 分 别 运 行 光栅 化 和 光线 跟踪 程序 ， 它 们 应 该 生成 
完全 相同 的 图 像 像 素 。 和 之 前 一 样 ， 如 果 两 者 的 结果 不 相等 ， 其 差别 之 处 可 能 提供 错误 性 
质 的 线索 。 


15.6.2 包围 盒 优化 


到 目前 为 止 ， 我 们 通过 简单 地 交换 光线 跟踪 程序 中 for-each-triangle 和 for-each-pixel 
的 循环 垦 套 顺序 实现 了 光栅 化 。 但 其 中 执行 了 很 多 无 效 的 光线 与 三 角 面 片 相交 测试 ， 因 此 
称 为 低 效 采样 测试 。 

对 于 小 的 三 角形 而 言 ， 如 果 只 考虑 其 中 心 靠近 三 角形 在 屏幕 上 投影 区 域 的 像素 ， 可 以 
显著 改善 采样 测试 的 效率 并 由 此 提升 性 能 。 为 此 我 们 需要 一 个 启发 式 的 方法 来 有 效 估计 每 
个 三 角形 的 投影 区 域 。 这 种 估计 必须 是 保守 的 ， 以 保证 不 会 漏 过 任何 可 能 的 交点 。 在 初始 
的 实现 中 我 们 使 用 的 是 一 个 非常 保守 的 估计 ， 即 假设 屏幕 上 的 每 个 像素 都 “接近 ”每 个 三 
角形 的 投影 。 对 于 大 的 三 角形 ， 这 一 假设 或 许 是 合适 的 。 但 对 于 在 屏幕 空间 上 真实 投影 很 
小 的 三 角形 来 说 ， 这 个 估计 就 过 于 保守 了 。 

最 佳 的 估计 是 三 角形 在 屏幕 上 的 真实 投影 。 事 实 上， 许多 光栅 化 程序 采用 了 这 一 估 
计 。 然 而 ， 在 对 图 像 上 的 三 角形 进行 逐 行 扫描 时 ,会 遇 到 许多 特殊 情形 ， 因 此 这 里 我 们 采 
用 相对 保守 但 仍然 合理 的 估计 : 包围 三 角形 投影 区 域 沿 轴 向 对 齐 的 2D 包围 盒 。 对 于 非 退 
化 的 大 三 角形 来 说 ， 它 将 覆盖 大 约 两 倍 于 三 角形 本 身 面积 的 像素 。 

课 内 练习 15.9: 为 什么 大 面积 三 角形 最 多 覆盖 大 约 其 包围 盒 一 半 的 样本 ? 对 于 面积 小 
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于 一 个 像素 的 小 三 角形 会 怎么 样 ? 如 果 事 先知 道 要 绘制 的 三 角形 大 小 ， 这 对 于 样本 测试 效 
率 会 有 什么 样 的 影响 ? 

轴 对 齐 包围 盒 的 计算 极为 方便 ， 并 能 为 很 多 场景 带 来 明显 的 加 速 。 它 也 是 许多 硬件 光 
栅 化 设计 所 青睐 的 方法 ， 因 为 其 性 能 可 预测 。 注 意 到 ， 对 于 非常 小 的 三 角形 ， 若 对 其 投影 
区 域 进行 更 为 准确 的 估计 ， 其 计算 成 本 甚至 可 能 占据 光线 -三 角形 的 相交 测试 开销 的 大 
部 分 。 

代码 清单 15-23 中 的 代码 可 计算 三 角形 T 的 包围 盒 。 这 段 代 码 将 每 个 顶点 从 相机 的 3D 
坐标 系 投影 到 一 一 1 平面 上 ， 再 将 其 映射 到 屏幕 空间 的 2D 坐标 系 。 此 操作 完全 由 per- 
spectiveProject 辅助 函数 执行 。 然 后 代码 计算 出 所 有 项 点 在 屏幕 空间 坐标 分 量 的 最 小 
和 最 大 值 并 取 整 (加 0.5 后 由 浮 点 数 转换 为 整数 )， 作 为 for-each-pixel 循环 的 边界 。 

这 其 中 有 趣 的 工作 是 通过 perspectiveProject 来 实施 的 ， 它 是 computeEyeRay 
所 执行 的 寻找 视线 起 点 (在 将 其 推进 到 近 平面 之 前 ) 过 程 的 逆 过 程 。 代 码 清单 15-24 给 出 了 
直接 基于 这 一 导出 过 程 的 实现 方法 。 第 13 章 对 此 操作 给 出 了 另 一 种 推导 ， 即 在 执行 矩阵 - 
向 量 乘法 之 后 做 齐 次 除法 运算 。 如 果 透 视 投 影 后 紧 接 着 一 系列 变换 ， 而 且 这 些 变换 均 采 用 
矩阵 来 表示 ， 则 该 章 的 实现 方法 可 使 矩阵 -向 量 乘法 的 成 本 能 平 挫 到 所 有 变换 上 ， 显 然 更 
为 适用 。 但 当 不 存在 其 他 变换 时 ， 该 版 本 的 计算 效率 会 更 高 (假定 常数 表达 式 已 预计 算 
好 ); 列 出 这 一 版 本 的 另 一 个 理由 是 让 读者 再 次 重 温 透视 投影 矩阵 的 推导 过 程 。 


代码 清单 15-23 ”将 顶点 投影 到 屏幕 空间 并 计算 其 包围 盒 





Vector2 low(image.width(), image.height ()); 


1 

2 Vector2 high(0, 0); 

3 

4 for (int vv = 0 Vv < 3 +tV) { 

3 Const Vector2& X = perspectiveProject (T.vertex(v), image.width 
(), image .height (), camera); 

6 high = high.max (X); 

党 low = low.min (X); 

和 

9 


(Ent) (1oWX + 0。5f) 7， 
CEE gh OE 


10 ‘const int x0 
ll Sonst 1int x1 


直上 


(Tnt} (L160WY 二 人 二 三》 区 
(lint) (hioghsy + DSF£)? 


13 censt 40 了 0 
14 const int yl 


中 外 





代码 清单 15-24 ”透视 投影 


1 Vector2 perspectiveProject (const Vector3& P, int width, int height, 





之 const Camerag& camera) { 
// Project onto z = -1 
3 Vector2 Q(BP.x X Pzr 二 BY / B22) 
4 
3 const float aspect = float (height) / widthy; 
6 
所 // Compute the side of a square at z = -1 based on our 
8 // horizontal left-edge-to-right-edge field of view 
9 const float s = -2.0f * tan(camera.fieldOfViewX * 0.5f); 
10 
11 Ox = Width * (-Q.xX / § + 0.5£); 
12 Q.y = height * (Q.y / (s * aspect) + 0.5f); 
13 
14 return Q; 
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把 本 节 代 码 清单 中 给 出 的 代码 集成 到 你 的 光栅 化 程序 然后 运行 ， 其 结果 应 该 与 光线 跟 
踪 程 序 和 简化 版 的 光栅 化 程序 完全 一 致 。 而 且 ， Eee 
更 快 ( 尽 管 对 于 简单 场景 两 者 都 可 能 非常 快 甚至 可 瞬时 完成 绘制 ) 。 

简单 地 验证 输出 结果 是 否 一 致 对 于 测试 包围 盒 优 化 是 否 为 最 优 并 不 充分 。 很 可 能 是 ， 
我 们 计算 得 到 的 投影 区 域 估 计 虽 能 覆盖 测试 场景 中 的 三 角形 ， 但 仍 过 于 保守 。 

一 种 好 的 后 续 测 试 和 调试 工具 是 画 出 所 有 3D 顶点 在 屏幕 上 的 2D 投影 位 置 。 为 此 ， 
在 场景 光栅 化 后 ， 我 们 再 次 遍历 场景 中 的 所 有 三 角形 。 对 于 每 个 三 角形 ， 像 前 面 一 样 计算 
其 顶点 的 投影 。 不 同 的 是 ， 这 次 我 们 不 计算 包围 盒 ， 而 是 直接 将 顶点 投影 所 在 像素 绘制 为 
白色 (当然 ， 如 果 场 景 中 有 很 亮 的 白色 物体 ， 亦 可 选择 其 他 颜色 ， 比 如 红色 )。 我 们 采用 了 
非 对 称 的 单个 三 角形 作为 测试 场景 ， 故 能 揭示 常见 错误 ， 比 如 错 置 坐标 轴 ， 或 者 在 光线 求 
交 和 投影 程序 结果 之 间 相 差 半 个 像素 等 。 


15.6.3 ” 近 平 面 裁剪 


注意 在 调用 光栅 化 程序 时 ， 对 那些 < 三 0 的 点 ,我 们 无 法 调用 perspectiveProject 
来 产生 正确 的 边界 估计 。 解 决 此 问题 的 一 种 常用 方法 是 引入 “ 近 ” 平 面 z 二 z,，z, 二 0,， 并 
用 它 对 三 角形 进行 裁剪 。 这 和 我 们 早 些 时 候 计 算 光 线 起 点 时 采用 近 平面 (代码 中 的 zNear) 
的 道理 是 一 样 的 一 一 由 于 光线 始 于 近 平 面 ， 光 线 跟 踪 器 亦 使 用 该 平面 对 可 见 场景 进行 
裁剪 。 

裁剪 可 能 会 产生 三 角形 、 退 化 的 三 角形 (为 近 平 面 上 的 一 条 线 或 者 一 个 点 ) ， 无 交 或 者 
产生 一 个 四 边 形 。 在 最 后 一 种 情形 中 ， 我 们 可 以 沿 对 角 线 对 四 边 形 进行 分 割 ， 因 而 裁剪 算 
法 总 是 输出 零 个 、 一 个 或 两 个 (有 可 能 退化 的 ) 三 角形 。 

裁剪 是 许多 光栅 化 算法 的 基本 组 成 部 分 。 然 而 ， 正 确实 现 裁剪 并 非 易 事 ， 这 会 干扰 我 
们 简单 地 通过 光栅 化 来 生成 一 张 图 像 的 和 尝试。 虽然 有 些 光 栅 化 算法 无 需 进行 裁剪 LBli93， 
0OG97]j， 但 相 比 之 下 这 些 算 法 更 难 实现 和 优化 。 目 前 ， 我 们 暂时 忽略 这 个 问题 ， 并 要 求 整 
个 场景 与 相机 分 别处 于 近 平面 的 两 侧 。 裁 剪 算法 将 在 第 36 章 中 讨论 。 


15.6.4 提升 效率 


15. 6. 4. 1 2D 覆盖 采样 

在 重 构 了 绘制 程序 之 后 ， 内 层 循 环 遍历 的 是 像素 而 不 是 三 角形 ， 因 此 有 机 会 实质 性 地 
分 失 光 线 -三 角形 求 交 的 计算 量 这 将 有 助 于 我 们 构建 对 3D 三 角形 和 它 的 2D 投影 之 间 的 
关系 的 深入 理解 ， 进 而 发 现 离线 绘制 区 别 于 交互 式 绘制 的 大 的 常数 性 能 因子 。 

第 一 步 是 通过 投影 将 3D 空间 中 的 光线 -三 角形 求 交 测试 转换 为 2D 空间 中 点 是 否 位 -三 
角形 内 的 测试 。 在 光栅 化 文献 中 ， 这 通常 称 为 可 见 性 问题 或 可 见 性 测试 。 如 果 某 一 像素 的 
Ne 角形 的 投影 内 ， 那 当 我 们 通过 该 像素 的 投影 中 心 去 观察 时 ， 这 个 三 角形 必然 
“不 可 见 ”。 当 然 三 角形 也 可 能 由 于 其 他 原因 而 不 可 见 ， 比 如 被 距离 更 近 的 三 角形 所 有 遮挡， 
对 这 一 问题 我 们 在 此 暂 不 做 讨论 。 另 一 个 日 益 流 行 的 术语 : 覆盖 测试 ， 表 达 更 为 确切 ， 意 
指 “ 三 角形 是 否 履 盖 了 该 采样 点 ?” 对 可 见 性 而 言 ， 覆 盖 是 一 必要 但 并 非 充 分 的 条 件 。 

我 们 通过 求 取 包围 盒 内 每 一 像素 中 心 关 于 该 三 角形 的 2D 重心 坐标 来 进行 覆盖 测试 。 
如 果 像 素 中 心 的 2D 重心 坐标 显示 该 像素 中 心 落 在 三 角形 的 投影 内 ， 那么 穿 过 像素 中 心 的 
3D 光线 也 会 与 3D 三 角形 相交 [Pin88]。 我 们 很 快 将 会 看 到 ， 与 3D 空间 中 的 光线 -三 角形 
的 求 交 测试 相 比 ， 计 算 若 干 相 邻 像素 的 2D 重心 坐标 可 以 非常 高 效 地 完成 。 


光线 投射 与 光 袖 化 339 





15. 6. 4.2 透视 校正 插值 
为 了 进行 着 色 ， 我 们 需要 计算 光线 与 三 角形 每 一 个 交点 的 3D 重心 坐标 ， 或 者 采用 其 
他 可 用 来 对 每 个 顶点 的 表面 法 向 、 纹 理 坐 标 以 及 颜色 等 属性 进行 插值 的 等 效 方法 。 我 们 并 
不 能 直接 使 用 覆盖 测试 中 求 得 的 2D 重心 坐标 来 着 色 。 因 为 通常 来 说 ， 一 个 点 在 三 角形 中 
的 3D 重心 坐标 和 其 投影 点 在 三 角形 投影 区 域内 的 2D 重心 坐标 并 不 相等 。 图 15-13 显示 了 
这 一 情形 ， 图 中 所 示 为 3D 空间 中 的 一 个 正方 形 ， 其 顶点 分 别 为 A、B、C 和 DD， 由 于 取 倾 
斜 透视 ， 其 2D 投影 为 一 个 梯形 。3D 正方 形 的 中 心 玉 位 于 两 条 对 角 线 的 交点 处 。 在 3D 空 
间 中 ,点 上 与 AB 和 CD 两 条 边 等 距 ， 但 在 2D 投影 图 中 ,点 明显 更 靠近 CD。 从 三 角 


二 — 2 ~ 、 一 1 1 Fn 
形 来 看 ， 对 于 三 角形 ABC， 点 玉 的 3D 重心 坐标 为 wa 一 FF， Ws—0, we， 但 2D 空间 


中 ,FE 的 投影 点 明显 不 是 由 A 和 C 的 投影 点 构成 的 2D 线段 的 中 点 。( 我 们 在 第 10 章 中 曾 
见 过 类 似 情形 。) 





图 15-13 点 EE 是 3D 空间 中 正方 形 ABCD 的 中 心 , 但 其 投影 并 
1 4 非 该 正方 形 投影 区 域 的 中 心 。 这 可 以 从 2D 平面 上 三 条 
we 虚线 呈现 非 等 距 分 布 看 出 





幸运 的 是 ， 对 于 3D 线性 插值 结果 的 投影 ， 存 在 一 种 高 效 的 类 似 于 2D 线性 插值 的 方 
法 。 这 种 方法 并 称 为 双 曲 线 插 值 [Bli93 ]、 透 视 校 正 插值 [OG97 | 或 者 有 理 线性 插值 
[Hec90 ] 。 

透视 校正 插值 方法 非常 简单 。 我 们 可 以 直观 地 将 其 描述 为 : 对 每 个 顶点 的 标量 属性 

， 在 屏幕 空 s 间 中 同时 对 wu 三 w/z 和 1/z 做 线性 插值 。 然 后 在 每 个 像素 处 ,通过 公式 u 王 

(1/z) 还 原 属性 w 的 3D 线性 插值 结果 。 下 面 的 补充 材料 给 出 了 其 工作 原理 更 正式 的 








令 2wGz，y，z) 为 在 多 边 形 内 线性 变化 的 某 一 标量 属性 (例如 ， 反 射 率 、 纹 理 坐 标 & 
等 )。 两 种 可 能 更 直观 的 等 价 定 义 为 : (a) 给 定 & 在 顶点 处 的 值 ， 通 过 重心 插值 得 到 其 
在 多 边 形 内 任 一 点 处 的 值 ; (b) 以 3D 平面 方程 形式 定义 : &CZI，y ZN) 一 az 十 0y 十 
ce 

当 多 边 形 户 过 砍 换 (XY (| 和 2 一 1) 投 影 到 屏幕 空间 中 的 z 二 一 1 
图 像 平面 时 ， 函 数 一 w(x，y，z)/z 在 屏幕 空间 上 呈 线 性 变化 。 为 正确 地 计算 4， 我 们 
需要 执行 “ 双 曲 线 插 值 ”而 不 是 在 屏幕 空间 的 线性 插值 ， 具 体 方法 如 下 。 

设 忆 和 QQ 是 3D 多边形 内 的 两 点 ，u(P) 和 wu(Q) 是 定义 在 3D 多 边 形 所 在 平面 上 的 
某 一 9 点 的 值 。 人 xs WT Sy 9 


A 


uM AP) yD (15-5) 
= zp oe 
同 时 一 1/zm 满 及 
1 











(15-6) 
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解 得 wCMO 为 0 
“von。 +. me 、 
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; 对 每 个 屏幕 光 骨 ( 即 一 行 像素 )， 个 保 村 和 ws 让 线性 刘 化 ， 从 而 可 以 
简化 上 丸 构 瘦 一 个 章 护 的 参数 化 届 笋 Ka) 


we = Q yz， PL we 


1 ao" zar(l ra)sp 
上 式 经 常 非 正式 地 (但 更 易 记 住 ) 表 这 为 ee。 4 的 和 过 视 术 正视 值 是 is 
的 线性 插值 和 = 的 线性 插值 的 商 "、 


(15 8) 











我 们 可 以 用 透视 校正 插值 策略 插值 在 每 个 顶点 处 定义 的 任何 属性 ， 包 括 顶 点 法 向 量 和 
顶点 处 的 纹理 坐标 ， 从 而 为 shade 函数 提供 输入 数据 ， 注 意 此 处 的 shade 函数 与 光线 跟 
踪 器 中 的 实现 相 比 并 无 改变 。 
15.6.4.3 2D 重心 坐标 

为 了 实现 透视 校正 插值 策略 ， 我 们 需要 构建 每 个 像素 中 心 的 2D 重心 坐标 的 表达 式 。 
现 考虑 三 角形 ABC 内 任 一 点 Q 相对 于 顶点 A 的 重心 权重 。 回 忆 在 7. 9 节 中 提 到 的 ， 该 权 
重 是 Q 到 BC 所 在 直线 的 距离 与 A 到 BC 所 在 直线 的 距离 的 比值 ， 即 它 为 三 角形 内 任 一 点 
到 该 顶点 对 边 的 相对 距离 。 代 码 清单 15-25 给 出 了 计算 2D 重心 权重 的 代码 。 


代码 清单 15-25 ”计算 2D 重心 权重 





/** Returns the distance from Q to the line containing B and A. */ 
float lineDistance2D (const Point2& A, const Point2& B, const Point2& Q) 1{ 
// Construct the line align: 
const Vectorz 页 (人 = By Bx = Ax) 
eonst float dd = A.X * By = Bx * A.yy 
return (n.dot (Q) + d) / n.length(); 
} 


Doo~、Gwm 上 wmP 一 


/x* Returns the barycentric weight corresponding to vertex A of Q in 
triangle ABC */ 
float bary2D (eonst Point2g¢ A, const Point28& B, const Point2& GC, const 
Point2g @) { 
1 return lineDistance2D(B, C, Q@)} / lineDistance2D(B, C, A); 
12, 


ie 
[= 





课 内 练习 15. 10: 在 什么 情形 下 lineDistance2D 会 返回 0, 或 n.1length() 结 果 为 
0， 导 致 除 以 0 的 错误 ? 修改 你 的 光栅 化 程序 以 确保 这 种 情形 不 会 发 生 。 为 什么 这 不 会 影 
响 最 终 的 绘制 结果 ? 在 光线 投射 程序 中 这 对 应 什么 情况 ? 在 光线 投射 时 应 该 如 何 处 理 呢 ? 

现在 我 们 要 对 之 前 版 本 的 光栅 化 程序 的 结构 做 一 些 修 改 。 为 了 进行 插值 ， 需 要 在 计算 
包围 盒 后 对 三 角形 的 顶点 进行 投影 后 置 处 理 。 我 们 可 以 在 计算 包围 盒 时 保留 这 些 值 ， 或 者 
在 后 面 需要 时 再 重新 计算 。 我 们 选择 在 需要 的 时 候 重新 计算 ， 因 为 这 样 可 以 使 包围 盒 构 建 
函数 的 界面 更 简洁 ， 从 而 使 相关 代码 更 容易 编写 与 调试 。 代 码 清单 15-26 列 出 了 构建 包围 
盒 的 函数 。 在 光栅 化 程序 中 必须 计算 多 个 顶点 属性 ， 这 里 只 考虑 了 顶点 的 法 向 量 ， 对 每 个 
经 过 投影 后 置 处 理 的 顶点 ， 该 属性 值 被 缩放 了 1/z( 我 们 称 之 为 w)。 以 上 均 涉 及 对 程序 中 
逐个 处 理 三 角形 的 代码 的 修改 。 最 后 ， 在 内 层 循环 中 ， 还 必须 依据 每 个 像素 中 心 点 的 2D 
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重心 坐标 来 判定 其 可 见 性 ( 即 其 是 否 为 当前 三 角形 的 投影 所 覆盖 ,先前 采用 光线 投射 判 
定 )。 至 于 着 色 计 算 ， 则 与 原 光线 追踪 程序 相同 。 这 样 做 的 好 处 是 ,我们 只 需 关 注 可 见 性 
计算 的 策略 ， 而 不 用 管 着 色 ， 从 而 使 得 每 个 部 分 尽 可 能 模块 化 。 代 码 清 单 15-27 列 出 了 对 
原 光 栅 化 程序 中 循环 设置 的 更 新 ， 其 中 增加 了 包围 盒 和 2D 重心 坐标 计算 。 代 码 清单 15-28 
显示 了 内 层 循环 的 改变 。 

代码 清单 15-26 ”构建 三 角形 投影 区 域 的 包围 盒 ， 在 rasterize3 中 会 调用 它 来 确定 














内 循环 拟 遍 历 像素 的 范围 

1 void computeBoundingBox (Const Triangle& T, const Camerag& camera, 
2 const Image& image, 
和 Point2 YL3 7 Yrnte x ntg yO inté ly Tntt yl) 4 
4 
5 Vector2 high(image.width(), image.height ()); 
6 Vector2 low(0, 0); 
8 for (int Te 0 TS tv) 4 
9 const Point2& X = perspectiveProject (T.vertex(v), image.width(), 
10 image .height ()， camera); 
11 Wy = 
12 high = high.max (X); 
13 low = low.min (X) 7 
14 } 
1S 
16 x0 = (int)floor (low.x); 
17 xl = (int)ceil (high.x); 
18 
19 y0 = (int)floor(low.y); 
20 yl = (int)eceil(high.y)? 
2 } 

代码 清单 15-27 引入 2D 重心 坐标 后 光栅 化 程序 的 内 循环 设置 
1 /** 2D barycentric evaluation w. perspective-correct attributes */ 
2 void rasterize3(Image& image, const Scene& scene, 
党 const Camera& camera){ 
4 DepthBuffer depthBuffer (image.width(), image.height (), INFINITY); 
5 
6 // For each triangle 
w for (unsigned int t = 0; t < scene.triangleArray.size(); ++t) 1{ 
8 const Triangle&g T = scene.triangleArray[t]; 
9 
10 // Projected vertices 
11 Vector2 V[3]; 
12 ln RO MO Eli Yl 
13 computeBoundingBox (T, camera, image, V, x0, y0, xl, yl1); 
14 
15 // Vertex attributes, divided by -z 
16 float vertexW[3]; 
by Vector3 vertexNw[3]; 
18 Point3 vertexPw[3]; 
19 tor tin wv Ss. 0 
20 const float w = -1.0f / T.vertex(v) .2z; 
21 vertexW[v] = w; 
22 vertexPw[v] = T.vertex(v) * Wi 
23 vertexNw[v] = T.normal (Vv) * Wi 
24 } 
25 
26 // For each pixel 
21 For (int YY = YY07 Y < yl} ty} + 


28 fo tint Es B07 KR < Bly FFR) 4 
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29 // The pixel center 
30 eonst Point2 @(x FF OSEy YF QS5E)y 











代码 清单 15-28 ”重心 ( 边 对 齐 ) 光 栅 化 器 的 内 循环 (循环 设置 参见 代码 清单 15-27) 





1 // For each pixel 

2 for (int Y= YO ¥ < yiy ++y) 4 

3 fer (Lnt K = Os KH < RLS FF A 

4 // The pixel center 

5 onst Point2 Q(x + O05f, YF OvSE)s 

6 

了 // 2D Barycentric weights 

8 const float weight2D[3] = 

9 {bary2D(V[0], VI[1], VI2], ©Q), 

10 hary2D(Vlil; V2 VOl; @); 

| bary2D(V[2], V[0O], V[1], Q)1}; 

12 

二 if ((weight2D[0]>0) && (weight2D[1]>0) && (weight2D[2]>0)) { 
14 // Interpolate depth 

3 float w = 0.0f; 

16 for int vs 0 VvV < 3 +Fv) 1 

17 Ww += weight2D[v] * vertexW[v]; 

18 } 

19 

20 // Interpolate projective attributes, e.g., P’, n’ 
21 Point3 Pw; 

22 Vector3 nw; 

23 fo0r (int Y= 0 3 < 3 二 4 

24 Pw += weight2D[v] * vertexPw[v]; 

25 nw += weight2D[v] * vertexNw[v]; 

26 } 

27 

28 // Recover interpolated 3D attributes; e.g., P’ -> P, n’ -> n 
29 const Point3& P = Pw / w; 

30 const Vector3& n = nw / w; 

3 

39 const float depth = P.length(); 

33 // We could also use depth = z-axis distance: depth = -P.z 
34 

33 // Depth test 

36 if (depth < depthBuffer.get (x, y)) { 

37 // Shade 

38 Radiance3 L_o; 

39 const Vector3& wo = -P.direction(); 

40 

41 // Make the surface normal have unit length 
42 const Vector3& unitN = n.direction(); 

43 shade (scene, T, P, unitN, w_o, Lo); 

44 

45 depthBuffer.set (x, y, depth); 

46 image.set (x, y; L o0); 

47 } 

48 } 

49 } 

SO 








如 果 仅 判定 是 否 覆 盖 ， 我 们 其 实 并 不 需要 2D 重心 坐标 的 具体 数值 ， 只 需 知道 它们 是 
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否 均 为 正 数 ， 即 当前 测试 的 采样 点 是 否 在 围 成 三 角形 的 每 条 直线 的 正 向 一 侧 。 我 们 可 以 采 
用 点 到 直线 的 距离 而 不 是 完整 的 bary2D 结果 来 进行 测试 。 故 这 种 光栅 化 的 方法 也 被 称 为 
对 每 个 采样 点 进行 基于 边 (edge align) 的 测试 。 因 为 在 插值 时 终究 要 用 到 重心 坐标 ， 所 以 
计算 距离 时 对 其 做 归 一 化 处 理 是 有 意义 的 。 我 们 的 第 一 反应 是 应 至 少 等 到 已 确定 将 对 该 像 
素 着 色 时 再 进行 归 一 化 计算 。 但 即便 是 为 了 提升 性 能 ， 这 么 做 也 是 不 必要 的 一 一 如 果 要 优 
化 内 循环 ， 还 有 效果 更 为 显著 的 优化 方法 。 

一 般 而 言 ， 三 角形 内 任意 一 条 线 上 各 点 的 重心 坐标 均 呈 线性 变化 。 因 此 ， 对 于 循环 变 
量 x 和 yy 而 言 ， 重 心 坐 标 为 线性 表达 式 。 可 以 基于 lineDistance2D 困 数 内 的 变量 展开 
bary2D 来 验证 这 一 点 ( 见 代 码 清 单 15-25) ， 见 下 式 : 


bary2D (A,B,C,Vector2 (x,y))-= (n° (xy)+ dq)/lnl 


ne®* C+ d/l|n| 
=r。 x 十 s。 y+t (15-9) 

其 中 ,常量 ~>、* 和 + 只 取决 于 具体 的 三 角形 ， 因 此 在 整个 三 角形 中 保持 不 变 。 我 们 尤其 对 
那些 沿 水 平 线 和 垂直 线 保 持 不 变 的 性 质感 兴趣 ， 因 为 这 两 个 方向 是 我 们 进行 迭代 的 方向 。 

举例 来 说 ， 在 最 内 层 循环 沿 着 一 条 扫描 线 进行 扫描 时 ，y 保持 不 变 。 因 此 内 层 循环 中 的 
所 有 表达 式 对 y 均 取 恒定 值 ( 也 包括 三 角形 了 的 所 有 属性 )， 而 对 于 x 则 按 线性 变化 ， 可 以 通 
过 累加 x 的 导数 来 进行 增 量 式 计算 。 这 意味 着 ,我 们 可 以 将 内 层 循环 之 内 以 及 分 支 之 前 的 所 
有 计算 简化 为 三 个 加 法 。 同 一 理由 也 适用 于 y: 我 们 可 以 将 移 向 下 一 行 的 计算 简化 为 三 个 加 
法 。 唯 一 不 可 避免 的 操作 是 ， 对 于 每 个 进入 着 色 分 支 的 采样 点 ， 对 每 个 标量 属性 ， 我 们 必须 
执行 三 次 乘法 运算 以 及 一 次 除法 运算 z= 一 1/w( 其 成 本 可 分 挫 到 所 有 属性 上 )。 
15. 6. 4. 4 增 量 式 插 值 的 精度 

在 通过 累加 导数 进行 增 量 式 计算 而 不 是 基于 重心 坐标 显 式 执行 线性 插值 时 ， 必 须 仔 细 
考虑 精度 的 问题 。 为 了 在 光栅 化 中 ， 具 有 公共 边 的 相 邻 三 角形 能 形成 互补 的 像素 覆盖 (“ 密 
封 光栅 化 >) ， 在 各 自 的 包围 盒 内 分 别 对 两 个 三 角形 进行 扫描 迭代 时 ， 必 须 保 证 在 公共 边 处 
它们 累加 相同 的 重心 坐标 值 。 这 意味 着 需要 建立 重心 坐标 导数 的 精确 表达 式 。 为 了 实现 此 
目标 ， 我 们 首先 需要 将 项 点 舍 人 到 某 个 固定 的 精度 (例如 像素 宽度 的 四 分 之 一 )， 然 后 选择 
一 种 可 实现 精确 存储 的 表示 形式 和 最 大 屏幕 尺寸 。 

光栅 化 程序 中 的 基本 操作 是 2D 点 乘 ， 用 于 判定 采样 点 位 于 直线 的 哪 一 侧 。 因 此 我 们 
关心 乘法 和 加 法 的 精度 。 如 果 屏 幕 分 辩 率 为 wwXh 上 且 将 每 个 像素 分 割 为 k Xk 个 子 像素 位 置 


来 进行 超 采样 或 反 走 样 处 理 ， 每 个 标量 值 将 需要 | log;(k。，max(w，h))| 位 来 存储 。 对 于 
1920X1080 的 屏幕 分 辨 率 ( 即 所 占 位 数 实际 上 相当 于 2048 X2048) 和 4X4 的 子 像素 精度 ， 
需要 14 位 。 对 于 其 乘积 ， 所 需 位 数 还 需要 增加 一 倍 ， 在 上 面 的 例子 中 是 28 位 。 而 IEEE 
754 32 位 浮 点 数 格式 只 有 23 位 尾数 ， 这 意味 着 我 们 不 能 用 单 精 度 浮 点 数 类 型 来 实现 上 述 
光栅 化 程序 。 注 意 我 们 可 以 使 用 32 位 的 整数 ， 来 表示 24. 4 的 定点 值 。 事 实 上 , 在 32 位 
整数 的 取 值 范围 内 ， 我 们 可 以 将 屏幕 分 辨 率 扩展 到 8192 X 8192， 每 个 像素 仍 分 割 为 4X4 
子 像素 。 这 其 实 还 是 属于 低 分 辩 率 的 子 像素 网 格 。 与 之 对 比 的 是 ，DirectX 11 规定 每 个 维 
度 具 有 8 位 子 像 素 精度 。 这 是 因为 在 低 的 子 像素 精度 下 ， 尽 管 进行 了 反 走 样 处 理 ， 一 条 党 
着 屏幕 缓慢 移动 的 斜 边 依旧 呈现 为 离散 的 跳跃 而 不 是 连续 的 位 置 变 化 。 


15. 6.5 光栅 化 阴影 区 域 
尽管 目前 我 们 实施 光栅 化 主要 是 为 了 判定 景物 表面 的 可 见 性 ，shade 例 程 仍然 需要 通过 
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光线 投射 来 确定 阴影 的 位 置 。 实 际 上 ， 确 定局 部 点 光源 投射 的 阴影 等 价 于 以 点 光源 投射 为 视 
点 的 景物 表面 “可 见 性 ”计算 。 因 此 我 们 也 可 以 把 光栅 化 应 用 于 这 类 “可 见 性 ”计算 。 

阴影 贴图 (shadow map)LWil78] 是 以 光源 为 视点 绘制 场景 得 到 的 辅助 深度 缓冲 器 。 其 
中 保存 的 距离 信息 与 从 光源 向 场景 投射 光线 得 到 的 结果 相同 。 在 以 相机 为 视点 绘制 场景 之 
前 ， 可 以 一 次 性 地 绘制 生成 场景 几何 的 阴影 贴图 。 图 15-14 是 阴影 贴图 的 可 视 化 结果 ， 而 
可 视 化 是 一 种 常见 的 辅助 调试 方法 。 








图 15-14 左 图 : 阴影 贴图 的 可 视 化 : 黑 三 靠近 光源 ， 白 三 远离 光源 。 右 图 : 以 相机 
为 视点 绘制 生成 的 场景 图 ( 含 阴 影 ) 


当 绘 制 以 相机 为 视点 的 画面 涉及 阴影 计算 时 ， 可 使 用 阴影 贴图 求解 。 对 于 一 个 不 在 阴 
影 中 的 绘制 点 来 说 ， 它 必然 同时 为 光源 和 相机 可 见 。 注 意 我 们 假设 的 是 针 孔 相机 和 点 光 
源 ， 因 此 从 待 绘制 的 点 到 相机 和 点 光源 的 路 径 可 为 长 度 和 方向 均 已 知 的 线段 所 定义 。 将 
3D 场景 空间 中 的 一 个 点 投影 到 阴影 贴图 所 在 的 图 像 平 面 上 将 得 到 一 个 2D 点 。 在 此 2D 点 
上 (更 准确 地 说 ， 是 根据 阴影 贴图 中 的 离散 采样 网 格 取 整 所 得 到 的 点 )， 先 前 已 存储 了 光源 
与 最 先 遇 到 的 点 之 间 的 距离 ， 即 存储 了 这 条 线段 的 关键 信息 。 如 果 待 绘制 的 3D 点 到 3D 
光源 的 距离 与 存储 的 距离 值 相同 ， 则 在 该 点 与 光源 之 间 一 定 不 存在 任何 遮挡 面 ， 因 而 被 照 
亮 。 如 果 存 储 的 距离 值 较 小 ， 则 表明 光源 沿 该 光线 先 遇 到 了 另外 一 个 点 并 朝 后 面 投射 阴 
影 ， 因 此 当前 点 位 于 阴影 中 。 这 里 的 深度 测试 必然 是 保守 和 近似 的 ; 无 论 是 阴影 贴图 的 
2D 离散 化 过 程 以 及 在 每 个 点 处 的 有 限 精 度 表示 都 会 造成 走样 。 

尽管 我 们 在 光栅 化 的 背景 下 引入 了 阴影 贴图 ,但 它 既 可 由 光栅 化 程序 又 可 由 光线 投射 
绘制 程序 创建 并 用 来 计算 阴影 。 出 于 各 种 原因 ， 人 们 常 倾向 于 在 整个 应 用 程序 中 使 用 相同 
的 可 见 性 策略 (比如 存在 高 效 的 光栅 化 硬件 )， 但 并 不 存在 算法 层面 上 的 约束 让 我 们 一 定 要 
这 样 做 。 

在 三 角形 光栅 化 中 使 用 阴影 贴图 时 ， 我 们 可 以 在 顶点 处 执行 大 部 分 计算 并 对 结果 进行 
插值 ， 从 而 将 向 阴影 贴图 所 在 图 像 平面 进行 透视 投影 的 代价 分 挫 到 整个 三 角形 上 。 当 然 ， 
这 里 必须 采取 透视 校正 的 插值 方式 。 而 关键 之 处 在 于 ,我 们 透视 校正 的 映射 矩阵 是 将 3D 
场景 空间 内 的 点 投影 到 阴影 贴图 所 在 平面 而 不 是 屏幕 空间 中 的 视窗 。 

我 们 曾 对 位 置 和 纹理 坐标 实施 透视 校正 插值 (参见 前 面 的 注释 条 目 ， 其 核心 是 对 w/z 
和 w 二 一 1/z 两 个 量 进行 线性 插值 )。 如 果 我 们 将 场景 空间 中 的 顶点 乘 以 将 它们 投影 到 阴影 
贴图 坐标 系 的 变换 和 矩阵， 但 不 执行 齐 次 除法 ， 则 将 得 到 一 个 值 ， 该 值 在 生成 阴影 贴图 的 光 
源 齐 次 裁剪 空间 内 线性 变化 。 换 名 话说， 我 们 先 把 每 个 顶点 投影 到 观察 者 视点 和 光源 视点 
的 齐 次 裁剪 空间 中 。 然 后 对 可 见 相机 执行 齐 次 除法 ， 在 屏幕 空间 内 按 透 视 校正 的 方式 对 表 
示 阴 影 贴图 坐标 、 含 有 4 个 分 量 的 齐 次 向 量 进行 插值 。 接 下 来 ， 再 对 每 个 像素 处 的 阴影 贴 
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图 坐标 执行 透视 除法 ,其 成 本 将 只 有 除法 而 不 涉及 矩阵 乘法 。 这 人 允许 我 们 一 次 性 地 将 每 个 
顶点 变换 到 光源 的 透视 视 域 体 ， 然 后 采用 之 前 已 建立 、 用 来 插值 别 的 属性 的 机 制 来 插值 这 
些 坐标 。 对 通用 插值 机 制 的 重用 以 及 变换 的 优化 表明 此 方法 适合 于 图 形 流水 线 的 硬件 实 
现 。 第 38 章 讨 论 了 这 些 思想 在 特定 的 图 形 处 理 器 上 的 实现 细节 。 


15:6.6 包围 盒 算法 之 外 


对 覆盖 O(n) 个 像素 的 三 角形 来 说 ， 其 包围 盒 可 能 包含 O(n ) 个 像素 。 对 三 边 都 很 短 ， 
尤其 是 面积 差不多 是 一 个 像素 的 三 角形 ， 通 过 遍历 包围 盒 内 的 像素 来 实现 光栅 化 是 非常 高 
效 的 。 此 外 ， 对 于 由 这 类 三 角形 构成 的 网 格 ， 很 容易 预 估 光 栅 化 的 工作 量 ， 这 是 因为 从 包 

盒 的 边界 可 立即 得 到 可 见 性 测试 的 次 数 ， 并 且 通 常 来 说 遍历 矩形 比 遍 历 三 角形 要 容易 。 

但 对 于 某 些 边 较 长 的 三 角形 来 说 ， 遍 历 包 围 盒 内 的 像素 并 非 好 的 选择 ， 因 为 对 较 大 时 
n? Sn。 在 这 种 情况 下 ， 其 他 策略 可 能 会 更 高 效 。 下 面 简要 介绍 其 中 的 一 些 。 尽 管 我 们 不 
会 深入 探讨 这 些 策略 ， 它 们 是 用 来 学 习 含 硬件 考量 的 算法 和 主要 为 可 见 性 计算 的 极 好 的 
项 目 。 

15. 6. 6.1 分 层 光栅 化 

由 于 对 于 小 三 角形 而 言 ， 采 用 包围 盒 的 光栅 化 效率 高 且 易 于 实现 ， 一 个 自然 的 想法 是 
以 逐步 提高 分 辨 率 的 方式 对 大 的 三 角形 递归 地 应 用 包围 盒 算 法 。 这 种 策略 称 为 分 层 光 栅 化 
(hierarchical rasterization)[ Gre96 ] 。 

首先 将 整个 图 像 平面 划分 为 非常 粗 的 网 格 ， 例 如 分 割 成 16X16 个 像素 块 。 然 后 应 用 
保守 的 包围 盒 算法 对 这 些 像 素 块 进行 覆盖 分 类 。 再 对 当前 的 粗 网 格 作 进 一 步 细 分 ， 在 与 包 
围 盒 重 又 的 像素 块 内 递归 地 进行 光栅 化 。 

该 算法 可 一 直 执 行 到 像素 块 变 成 单个 像素 。 不 过 ,在 某 些 时 候 ， 我 们 可 以 使 用 单 指 令 
多 数据 (Single Instruction Multiple Data，SIMD) 操 作 或 以 整数 存储 的 位 掩 码 来 一 次 执行 
大 量 的 测试 ， 因 此 把 单 像素 作为 递归 的 终止 状态 并 不 一 定 是 个 好 主意 。 这 类 似 于 快速 排序 
算法 不 应 该 递归 调用 直到 数组 长 度 为 1 为 止 ; 对 于 小 规模 的 问题 ， 和 常数 因子 对 性 能 的 影响 
可 能 比 渐 近 界限 更 大 。 

在 给 定 精度 下 ， 可 以 预计 算出 一 条 线 穿 过 一 个 采样 点 方块 的 所 有 可 能 的 情形 。 结 果 可 
以 存储 为 位 掩 码 ， 并 按 线 所 截取 的 块 中 诸 点 的 情况 来 索引 LFFR83，SW83]。 对 于 每 条 线 ， 
可 使 用 一 个 二 进 制 位 来 记录 某 个 采样 点 是 否 位 于 该 直线 的 半 和 平面 的 正 向 一 侧 ， 因 而 我 们 对 
每 个 像素 可 使 用 8X8 模板 ， 它 恰好 可 存储 为 一 个 无 符号 的 64 位 整数 。 对 构成 三 角形 的 三 
边 所 在 直线 的 截取 模板 做 按 位 “与 ”操作 ， 即 可 生成 像素 内 所 有 64 个 采样 点 的 覆盖 掩 码 。 
可 以 使 用 这 一 技术 对 整个 采样 点 块 进行 高 效 剔 除 ， 避 免 逐 个 采样 点 分 别 进 行 可 见 性 测试 。 
(Kautz 等 人 LKLA04] 把 此 方法 扩展 为 一 个 在 半球 上 对 三 角形 进行 光栅 化 的 巧妙 算法 ， 这 
是 对 间接 光照 进行 采样 时 经 常 遇 到 的 情形 。) 还 可 以 在 并 行 处 理 器 上 同时 处 理 多 个 块 。 这 和 
4 今 很 多 GPU 的 光栅 化 方法 类 似 。 
15.6.6.2 带 状 /分 片 光栅 化 

带 状 光栅 化 又 称 为 分 片 光 栅 化 ， 将 图 像 细 分 为 矩形 区 域 ， 类 似 于 分 层 光栅 化 的 第 一 
迭代 。 但 它 并 非 是 通过 递归 地 细 分 图 像 平 面 来 对 三 角形 进行 光栅 化 ， 而 是 将 场景 中 的 所 有 
三 角形 根据 其 与 哪个 矩形 区 域 有 交 来 进行 桶 分 类 。 注 意 单 个 三 角形 可 能 出 现在 多 个 桶 中 。 

然后 ,分 片 光 栅 化 程序 使 用 一 些 其 他 的 方法 对 每 个 矩形 区 域 进 行 光栅 化 。 一 个 好 的 选 
择 是 每 个 矩形 区 域 采 用 8X8 或 类 似 的 可 以 基于 查找 表 实 现 蛮 力 SIMD 光栅 化 的 分 辩 率 。 





将 屏幕 划分 为 若干 小 区 域 可 同时 发 挥 光栅 化 和 光线 投射 方法 的 优势 ， 保 持 了 三 角形 表 
和 缓存 区 内 存 的 连贯 性 。 它 允许 对 三 角形 进行 排序 ， 使 得 可 见 性 测试 可 通过 解析 方法 实 
现 ， 而 不 必 采 用 深度 缓冲 区 进行 判定 。 这 将 导致 更 为 高 效 的 可 见 性 算法 并 为 以 更 复杂 的 方 
式 来 处 理 半 透明 表面 提供 了 可 能 性 。 
15.6.6.3 增 量 扫描 线 光 栅 化 

在 位 于 包围 盒 内 的 每 行 像素 内 都 有 一 个 像素 区 段 为 三 角形 所 覆盖 (注意 该 区 段 的 起 始 
和 终止 位 置 )。 因 为 包围 盒 以 直立 的 方式 包含 三 角形 并 且 三 角形 是 凸 的 ， 所 以 每 个 扫描 行 
内 也 只 有 一 个 这 样 的 区 段 ( 当 区 段 很 小 时 ， 可 能 无 法 覆盖 任何 像素 的 中 心 )。 

扫描 线 光 栅 化 程序 在 三 角形 垂直 方向 居中 的 顶点 处 划 出 一 根 水 平 线 ， 将 该 三 角形 分 成 
两 个 三 角形 ( 见 图 15-15) 。 当 原始 三 角形 包含 水 平 边 时 ， 其 中 一 个 三 角形 的 面积 为 0。 

扫描 线 光 栅 化 算法 先 计算 上 面 三 角形 左 、 右 两 边 的 斜率 (有 理 数 )。 然 后 从 上 到 下 ， 并 
行 地 对 两 边 进行 迭代 ( 见 图 15-16) 。 由 于 这 两 条 边 划 出 了 每 条 扫描 线 上 为 三 角形 所 覆盖 的 
像素 区 段 的 边界 ， 所 以 在 该 区 段 内 无 需 再 逐个 像素 进行 显 式 的 测试 : 中 心 处 于 扫描 线 与 
左 、 右 两 边 交 点 之 间 的 像素 一 定 为 三 角形 所 覆盖 。 随 后 ， 光 栅 化 程序 从 下 面 三 角形 的 底部 
顶点 开始 以 相同 的 方式 朝 上 和 迭代， 或 者 也 可 以 继续 从 上 向 下 迭代 直到 底部 顶点 。 





EE 


图 15-15 用 过 三 角形 中 间 顶 点 的 水 图 15-16 相 邻 扫描 线 上 为 同一 三 角形 覆盖 的 像素 区 段 其 起 点 的 
平 线 将 三 角形 一 分 为 二 工 坐标 偏 移 了 Ai， 终点 的 工 坐标 偏 移 了 A; 

沿 着 边 进行 迭代 的 过 程 通常 由 上 略 加 改动 的 DDA 或 Bresenham 画 线 算法 [Bre65 执行 。 
这 些 算法 具有 高 效 的 浮 点 和 定点 实现 能 力 。 

Pinedal Pin88j 讨 论 了 几 种 方法 ， 它 们 均 通 过 改变 迭代 模式 以 最 大 程度 地 利用 内 存 的 
连贯 性 。 不 过 在 当前 的 处 理 带 架构 下 ， 为 支持 分 片 光栅 化 ， 
通常 应 避免 运用 此 类 方法 ， 因 为 它们 很 难 连贯 性 地 并 行 实 
现 而 且 容 易 导 致 低 效 的 快速 缓存 。 
15.6.6.4 微 多 边 形 光 栅 化 

分 层 光栅 化 递归 地 细 分 图 像 ， 使 得 以 当前 图 像 中 的 像 
素 块 为 单位 度量 时 三 角形 的 面积 总 是 较 小 。 另 一 种 方法 是 
保持 像素 的 分 辩 率 不 变 ， 而 对 三 角形 进行 细 分 。 例 如 ， 每 
个 三 角形 可 以 分 成 四 个 相似 的 三 角形 ( 见 图 15-17)。 这 是 当 
前 最 流行 的 电影 绘制 软件 一 一 RenderMan 中 的 Reyes 系统 
LCCC87j 所 采用 的 光栅 化 策略 。 细 分 过 程 递归 进行 ， 直 到 
每 个 递归 生成 的 三 角形 大 约 覆 盖 一 个 像素 为 止 。 这 些 三 角 图 15-17 一 个 三 角形 被 细 分 
形 被 称 为 微 多 边 形 (micropolygons)。 除 了 三 角形 以 外 ， 这 为 四 个 相似 三 角形 
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一 算法 也 常用 于 双 线 性 面 片 ， 即 由 四 个 控制 点 定义 的 Bezier 曲面 片 ( 见 第 23 章 ) 。 

与 细 分 图 像 相 比 ， 对 几何 表面 进行 细 分 有 多 个 好 处 。 它 允许 细 分 后 对 顶点 做 额外 的 几 
何 处 理 ， 例 如 位 移 映 射 ， 从 而 保证 位 移 的 分 辩 率 等 于 (或 略 高 于 ) 图 像 的 分 辨 率 ， 可 高 效 地 
生成 精细 的 层次 细节 。 此 外 ， 可 以 在 微 多 边 形 的 顶点 处 进行 着 色 计 算 并 将 其 插值 到 像素 中 
eshte 间 中 的 位 置 。 在 进行 表面 动画 

这 能 使 表面 上 的 高 光 和 边 等 光照 特征 跟随 表面 而 平滑 地 移动 ， 与 基于 屏幕 空间 的 着 色 
hg ei Seer ment en eat 
对 即将 着 色 的 几何 微 面 片 的 变形 来 实现 。 这 使 得 着 色 计 算 的 速度 与 可 见 几 何 复杂 度 成 正 
比 ， 而 与 时 间 和 镜头 的 采样 率 无 关 。 


15. 7 使 用 光栅 化 API 进行 绘制 


光栅 化 算法 已 被 封装 成 API。 我 们 看 到 ， 尽 管 基 本 的 光栅 化 算法 非常 简单 ， 但 在 提高 
ei dt nebad ddim 

。 因 而 我 们 希望 将 光栅 化 程序 中 随 具 体 应 用 不 同 而 需 加 改变 的 部 分 分 离 出 来 ， 而 只 封装 
那些 内 14 需 做 一 次 优化 、 抽 象 为 API 后 不 再 改变 的 部 分 。 当 然 ， 很 少 有 人 会 真 打算 不 对 算法 
做 任何 修改 ， 所 以 这 意味 着 ， 在 将 光栅 化 程序 的 某 些 部 分 封装 成 API 时， 我 们 实际 上 在 为 
它 在 某 些 情况 下 的 高 性 能 和 易 用 性 与 在 其 他 情况 下 的 灵活 性 之 间 进 行 权衡 。 硬 件 光 栅 化 器 
是 实现 上 述 优化 策略 的 一 个 极端 例子 ， 为 了 获取 非常 高 的 性 能 而 严重 牺牲 了 算法 的 灵 
活性 。 

有 若干 个 流行 的 光栅 化 API。 对 实时 应 用 而 言 ，OpenGL 和 DirextX 是 当今 最 流行 的 
人 硬件 API。 而 RenderMan 是 流行 的 、 用 于 离线 绘制 的 光栅 化 软件 API。 在 这 两 者 之 间 ， 
即 运行 在 GPU 上 的 实时 软件 光栅 化 程序 ， 是 当前 一 个 热门 的 研究 领域 ， 并 且 已 有 了 一 些 
开源 实现 程序 LLHLW10，LK11，Panl1l]。 

相 比 于 相对 标准 化 而 且 流 行 的 光栅 化 API， 若 干 个 光线 投射 系统 也 已 构建 起 来 ， 并 提 
出 了 一 些 API， 不 过 它们 尚未 达到 光栅 化 API 那样 的 标准 化 水 平和 普及 程度 。 

本 节 将 以 通用 的 术语 介绍 OpenGL-DireetX 的 宏观 框架 。 我 们 更 倾向 于 通用 性 ， 原 因 
是 这 些 API 的 准确 入 口 点 定期 更 改 。 当 前 版 本 的 有 具体 细节 可 以 通过 查阅 各 自 的 开发 手册 来 
了 解 。 细 节 对 系统 实现 固然 很 重要 ， 但 是 过 多 地 展开 细节 会 掩盖 对 重要 概念 的 讨论 。 


15.7.1 图 形 流水 线 

考虑 任何 光栅 化 软件 需 执行 的 基本 操作 : 

1) (顶点) 将 每 个 顶点 变换 到 屏幕 空间 。 

2) (光栅 化 ) 将 每 个 三 角形 (对 视 域 体 的 近 平 面 进行 裁剪 ) 在 像素 平面 上 进行 迭代 ， 同 
时 做 透视 校正 插值 。 

3) (像素 ) 逐 个 像素 着 色 。 

4) (输出 合并 ) 将 着 色 结 果 合并 到 当前 的 颜色 缓冲 器 和 深度 缓冲 器 (比如 alpha 混合 ) 。 

这 些 是 光栅 化 API 的 几 个 主要 阶段 ， 它 们 构成 的 操作 序列 称 为 图 形 管线 (在 第 1 章 中 
曾 介绍 过 )。 在 本 章 的 余下 部 分 ， 我 们 将 调用 API 入 口 点 的 软件 称 为 主机 代码 (host code)， 
而 把 被 API 回调 的 软件 称 为 设备 代码 (device code)。 在 硬件 加 速 实现 的 背景 下 ， 比 如 在 
GPU 上 运行 OpenGL， 它 意味 着 在 CPU 上 运行 的 C++ 代码 是 主机 代码 ， 而 在 GPU 上 执 
行 的 顶点 着 色 器 和 像素 着 色 器 是 设备 代码 。 
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15.7. 1.1 光栅 化 阶段 

我 们 想 要 通过 API 来 封装 的 大 部 分 细节 位 于 光栅 化 阶段 。 在 当前 的 算法 下 ， 调 用 的 参 
数 越 少 ， 光 栅 化 就 越 高 效 ， 因 此 这 一 阶段 通常 采用 固定 功能 单元 实现 。 在 硬件 上 ， 这 意味 
着 一 个 只 能 进行 光栅 化 计算 的 特定 电路 。 在 软件 上 ， 它 指 一 个 无 参数 的 计算 模块 。 
15. 7. 1.2 顶点 和 像素 阶段 

在 光栅 化 的 基本 操作 中 ， 逐 顶点 操作 和 逐 像 素 操作 是 API 程序 员 需 要 做 大 量 定制 才能 
生成 所 需 图 像 的 两 项 操作 。 例 如 ， 某 工程 应 用 也 许 需 要 的 是 每 个 顶点 的 正 交 投影 ， 而 不 是 
透视 投影 。 为 了 支持 朗 伯 模型 、Blinn-Phong 模型 以 及 Blinn-Phong 模型 外 加 阴影 效果 ， 
我 们 曾 对 像素 着 色 代 码 做 了 三 次 修改 。 显 然 ， 在 这 个 阶段 中 进行 定制 是 重要 的 。 在 逐 顶 点 
和 逐 像素 操作 中 进行 几乎 无 限制 的 定制 当然 会 对 计算 性 能 带 来 一 定 的 影响 ,但 相 比 于 定制 
带 来 的 好 处 ， 并 与 光栅 化 和 输出 结果 合并 阶段 的 开销 相 比 ， 影 响 并 不 大 。 大 多 数 API 通过 
在 每 个 顶点 和 像素 处 执行 的 回调 函数 来 实现 项 点 和 像素 阶段 的 定制 。 因 而 ,这些 阶段 也 被 
称 为 可 编程 单元 。 

带 有 可 编程 单元 的 管线 有 时 也 直接 称 为 可 编程 管线 。 注意 在 这 里 ， 管 线 中 各 个 阶段 执 
行 的 顺序 实际 上 是 固定 的 ， 只 是 其 中 的 实现 单元 可 编程 。 可 改变 各 阶段 运行 顺序 的 真正 可 
编程 管线 已 被 提出 LSFB'09], 但 目前 尚未 普遍 使 用 。 

由 于 历史 原因 ， 这 些 回 调 函 数 常 被 称 为 着 色 器 或 着 色 程 序 。 像 素 着 色 器 (pixel shader) 
或 “像素 着 色 程序 ”是 指 在 逐 像 素 操作 阶段 执行 的 回调 函数 。 对 三 角形 光栅 化 来 说 ， 这 个 
阶段 常 称 为 片段 着 色 (fragment shader)。 片 段 指 的 是 三 角形 和 一 个 像素 相 重 炙 的 部 分 。 是 
计算 像素 中 相应 片段 的 光照 并 采样 此 颜色 ， 还 是 直接 计算 该 像素 的 着 色 ， 是 从 哪个 角度 观 
察 的 问题 。 其 中 的 区 别 仅 当 需 要 单独 计算 其 可 见 性 (独立 于 着 色 计 算 ) 时 才 变 得 重要 。 基 于 
多 个 采样 点 的 反 走 样 (Multi-Sample Anti-Aliasing，MSAA) 即 为 一 例 。 这 种 光栅 化 策略 意 
味 着 我 们 将 在 每 个 像素 内 取 多 个 采样 点 计算 其 可 见 性 ( 附 有 相应 的 深度 缓冲 区 和 辐射 度 采 
样 值 ) ， 最 终 对 通过 深度 和 可 见 性 测试 的 所 有 采样 点 赋予 单一 的 颜色 。 这 里 我 们 真正 是 对 
片段 而 不 是 对 像素 进行 着 色 。 
15.7.1.3 输出 合并 阶段 

作为 API 的 使 用 者 ， 我 们 可 能 也 想 对 输出 结果 的 合并 进行 定制 ， 举 例 来 说 ， 将 当前 的 
辐射 度 值 和 保存 在 帧 缓冲 区 中 的 之 前 的 辐射 度 值 进行 混合 来 模拟 半 透 明 的 表面 。 人 然而 ， 输 
出 合并 程序 需要 在 多 个 像素 着 色 单 元 潜在 生成 的 并 行 实例 之 间 进 行 同 步 ， 这 是 因为 它们 的 
输出 结果 将 写 入 一 个 共享 的 帧 缓冲 区 。 由 于 这 一 原因 ， 大 多 数 API 在 输出 合并 阶段 只 提供 
有 限 的 定制 。 这 种 定制 将 能 对 底层 数据 结构 做 自由 访问 ， 具 体 实现 时 则 通过 显 式 地 安排 像 
素 着 色 的 顺序 以 避免 在 写 人 帧 缓冲 区 时 发 生 冲 突 。 该 定制 选项 通常 会 让 程序 员 在 几 种 用 于 
深度 比较 的 操作 之 间 进 行 选择 ， 对 混合 颜色 的 操作 也 是 如 此 ， 选 择 范 围 仅 限于 线性 混合 、 
选取 最 小 值 和 最 大 值 。 

当然 还 有 许多 我 们 希望 提供 抽象 接口 的 操作 ， 包 括 依次 对 每 个 物体 和 每 个 网 格 实施 变 
换 、 将 曲面 细 分 为 多 个 三 角形 ， 以 及 对 每 个 三 角形 实施 的 操作 ， 诸 如 轮廓 检测 或 表面 拉 伸 
等 。 各 种 API 在 类 似 于 顶点 着 色 器 、 像 素 着 色 器 的 编程 模型 中 提供 了 对 这 些 操作 的 抽象 。 

第 38 章 将 讨论 如 何 设 计 GPU 来 高 效 地 执行 这 条 管线 。 读 者 可 以 参考 API 用 户 手 册 
也 许 能 找到 关于 其 他 阶段 (例如 细 分 或 几何 ) 的 讨论 。 














15.7.2 接口 
光栅 化 软件 API 的 接口 可 以 非常 简单 。 因 为 光栅 化 软件 程序 使 用 与 主机 程序 相同 的 内 
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存 空间 和 实现 模型 ， 所 以 可 以 通过 指针 来 传递 场景 ， 并 使 用 函数 指针 或 带 有 虚 函 数 的 类 来 
作为 回调 函数 。 最 好 将 整个 网 格 一 次 性 传递 给 光栅 化 软件 ， 而 不 是 每 次 传递 一 个 三 角形 ， 
以 减少 逐个 三 角形 传递 的 额外 开销 。 

对 于 硬件 光栅 化 API 来 说 ， 主 机 ( 即 CPU) 和 图 形 设备 ( 即 GPU) 可 能 各 自 具有 独立 的 
存储 空间 和 实现 模型 。 在 这 种 情况 下 ， 采 用 共享 存储 和 函数 指针 就 不 行 了 。 因 此 ， 硬 件 光 
栅 化 API 必须 给 出 明确 的 存储 边界 并 限定 函数 入 口 ， 以 应 对 这 个 问题 (这 一 点 对 于 实现 基 
于 这 些 API 的 备用 和 参考 软件 ， 例 如 Mesa 和 DXRefRast， 也 是 成 立 的 )。 这 样 的 API 需 
要 以 下 入 口 点 ,它们 将 会 在 后 续 部 分 详细 介绍 。 

1) 分 配 设备 内 存 。 

2) 在 主机 和 设备 内 存 之 间 复 制 数据 。 

3) 释放 设备 内 存 。 

4) 加 载 (并 编译 ) 源 代码 来 得 到 着 色 程 序 。 

5) 配置 输出 结果 合并 程序 和 其 他 固定 功能 状态 。 

6) 绑 定 着 色 程 序 并 设置 其 参数 。 

7) 启动 绘制 程序 (draw call) ， 即 一 些 设 备 线程 来 绘制 三 角形 表 。 
15.7.2.1 内 存 管理 原则 

内 存 管理 例 程 在 概念 上 非常 简单 。 它 们 对 应 malloc、memcpy 和 free 函数 ， 并 且 
通常 用 于 大 数组 ， 比 如 顶点 数据 的 数组 。 由 于 在 某 些 情况 下 数据 必须 逐 帧 传输 ， 而 不 是 对 
整个 场景 只 传输 一 次 ， 为 了 获得 传输 的 高 性 能 ， 故 这 些 函 数 都 相对 复杂 。 这 种 情况 发 生 在 
场景 的 几何 数据 流 超 出 设备 内 存 时 ; 例如， 我 们 面 对 一 个 非常 大 的 场景 ， 而 观察 者 一 次 只 
能 看 到 它 的 一 小 部 分 。 当 绘制 算法 输入 的 数据 流 来 自 其 他 设备 (例如 相机 ) 时 也 会 发 生 这 种 
情况 。 此 外 ， 软 硬件 混合 绘制 和 某 些 基 于 物理 的 算法 需 在 主机 和 设备 端 都 进行 一 定 处 理 ， 
这 必然 涉及 逐 帧 的 数据 传输 。 

导致 数据 传输 和 内 存 变 动 复杂 化 的 一 个 因素 是 ， 我 们 经 常 希 望 在 传输 过 程 中 调整 数据 
的 组 织 方 式 和 数组 的 精度 。 在 主机 上 的 2D 缓冲 区 (如 图 像 和 深度 缓冲 区 ) 的 数据 结构 通常 
采用 “线性 ”“ 以 行为 序 ” 的 方式 。 而 在 图 形 处 理 器 上 ，2D 缓冲 区 则 经 常 按 Hilbert 或 者 
“之 ”字形 (Morton) 曲 线 排 列 ， 或 者 至 少 分 割 为 很 小 的 以 行为 序 的 块 ( 即 “ 线 性 块 ?) ， 以 避 
免 在 垂直 方向 进行 迭代 时 的 缓存 冲突 。 缓 冲 区 的 起 始点 可 能 会 不 同 ， 故 常 需 做 额外 填充 来 
保证 各 行 存储 对 齐 以 支持 统一 的 向 量 操 作 和 减 小 指针 的 数量 。 

男 一 个 使 数据 传输 变 得 复杂 的 因素 是 ， 常 常 需要 在 内 存 操作 的 同时 进行 计算 ,以 避免 
主机 或 设备 出 现 拥堵 。 异 步 传输 通常 通过 由 设备 内 存 到 主机 地 址 空间 的 语义 映射 来 实现 。 
执行 常规 的 主机 内 存 操 作 时 可 认为 两 者 共享 同一 个 内 存 空间 。 这 种 情况 下 ， 程 序 员 必须 人 
为 地 对 主机 程序 和 设备 程序 进行 同步 ， 以 保证 其 中 一 个 程序 正在 写 入 的 数据 不 会 同时 被 另 
一 个 程序 读 取 。 上 映射 后 的 内 存 通常 没有 高 速 缓存 加 速 ， 但 必须 对 齐 ， 因 此 程序 员 还 需 注意 
对 其 访问 的 模式 。 

注意 到 上 述 内 存 传输 策略 是 针对 大 数据 的 。 对 于 少量 的 数据 ， 例 如 标量 或 4X4 的 和 拢 
阵 ， 甚 至 短 的 数组 ， 对 它们 显 式 地 分 配 、 复 制 和 释放 会 造成 一 些 负 担 。 对 于 约 有 20 个 参 
数 的 着 色 程 序 来 说 ， 它 将 在 运行 和 软件 管理 上 产生 额外 的 开销 。 因 此 小 规模 数据 经 常 通过 
关联 于 着 色 器 的 男 一 API 来 进行 传递 。 
15.7.2.2 内 存 实践 

代码 清单 15-30 列 出 了 三 角形 网 格 类 实现 的 一 部 分 代码 。 编 写 启 动 绘 制 的 代码 时 将 三 
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角形 逐个 地 从 主机 传输 到 图 形 设备 是 低 效 的 。API 会 要 求 我 们 在 构建 场景 时 将 几何 大 数组 
一 次 性 地 加 载 到 设备 中 ， 并 尽 可 能 对 几何 信息 进行 高 效 编码 。 

很 少 有 程序 员 直 接 写 过 图 形 硬 件 API。 那 些 API 是 由 各 种 委员 会 设计 、 在 不 同 的 供应 
商 之 间 进 行 协商 的 产物 。 它 们 确实 提供 了 必需 的 功能 ,但 其 接口 隐藏 了 调用 代码 的 底层 也 
数 语义 。 因 为 代码 直接 对 指针 进行 操作 并 使 用 人 工 方 式 管理 内 存 ， 所 以 用 起 来 很 容易 
出 错 。 

比如 在 OpenGL 中 ， 要 在 设备 上 配置 一 个 数组 并 将 它 和 着 色 器 的 输入 进行 绑 定 ， 其 代 
码 看 起 来 类 似 于 代码 清单 15-29。 大 多 数 程序 员 把 这 些 对 主机 的 直接 调用 抽象 为 独立 于 供 
应 商 的 、 更 易于 使 用 的 接口 。 


代码 清单 15-29 ”将 顶点 数组 传输 到 图 形 设备 并 绑 定 为 着 色 器 输入 的 主机 代码 





1 // Allocate memory: 

2 GLuint vbo; 

3 glGenBuffers(1, &vbo); 

4 glBindBuffer (GL _ ARRAY_BUFFER, vbo); 

5 glBufferData (GL ARRAY_ BUFFER, hostVertex.size() * 2 * sizeof (Vector3), 
NULL, GL_STATIC_DRAW); 

GLvoid* deviceVertex 9095 

GLvoid* deviceNormal hostVertex.size() * sizeof (Vector3); 


// Copy memory: 
glBufferSubData (GL_ARRAY_ BUFFER, deviceVertex, hostVertex.size() * 
sizeof (Point3), g&hostVertex[0]); 


12 // Bind the array to a shader input: 

13 int vertexIndex = glGetAttribLocation(shader, "vertex"); 

14 glEnableVertexAttribArray (vertexIndex); 

15 glVertexAttribPointer (vertexIndex, 3, GL_FLOAT, GL_ FALSE, 0, deviceVertex); 





大 多 数 程序 员 会 将 底层 的 硬件 API 包 囊 在 自己 开发 的 、 更 易于 使 用 且 提 供 类 型 安全 检 
查 和 内 存 管理 的 实现 层 中 。 同 时 可 将 绘制 程序 从 具体 的 硬件 API 中 抽象 出 来 。 多 数控 制 
台 、 操 作 系统 和 移动 设备 制造 商 则 有 意 使 用 功能 相等 但 不 兼容 的 硬件 绘制 API。 将 各 具体 
的 硬件 API 抽象 为 通用 形式 有 利于 采用 单一 代码 库 来 支持 多 个 平台 ， 其 代价 是 增加 了 一 层 
额外 的 函数 调用 。 

在 代码 清单 15-30 中 的 代码 面向 的 是 这 样 一 个 抽象 的 平台 ， 而 不 是 直接 写 人 硬件 API。 
在 此 代码 中 ，VertexBuffer 类 是 在 设备 RAM 上 的 内 存 管 理 数 组 ， 而 AttributeAr- 
ray 和 IndexArray 是 它 的 子 集 。 类 名 中 的 “Vertex” 表 明 它 们 存储 的 是 每 个 项 点 的 数 
据 。 当 然 并 不 意味 着 其 中 只 有 顶点 的 位 置 一 一 举例 而 言 ，m_normal 数组 存储 在 At- 
tributeArray 中 。 这 种 命名 约定 可 能 令 人 稍 感 困惑 ， 但 它 从 OpenGL 和 DirectX 继承 而 
来 。 读 者 可 以 把 这 些 代 码 植 人 到 你 选择 的 硬件 API 中 , 来 实现 VertexBuffer 和 At- 
tributeaArtray 类 ， 或 者 利用 更 高 层 的 API( 例 如 G3D) 来 提供 这 些 抽象 。 


代码 清单 15-30 ”可 索引 的 三 角形 网 格 的 主机 代码 (等 效 于 共享 同一 BSDF 的 Triangle 实例 集合 ) 


1 class Mesh { 
2 private: 





AttributeArray m_vertex; 
AttributeArray m_normal; 
IndexStream m_index; 


shared ptr<BSDF> m bsdf; 


OO 
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9 publie? 

10 

| Mesh() {} 

12 

1 Mesh (Const std::vector<Point3>& vertex, 

14 const std: :Vector<Vector3>& normal, 

15 const std::vector<int>& index, const shared ptr<BSDF>& bsdf) 
m bsdf (bsdf) 

16 

I? shared ptr<VertexBuffer> dataBuffer = 

18 VertexBuffer::create((vertex.size() + normal.size()) * 

19 sizeof (Vector3) + sizeof (int) * index.size()); 

20 m_vertex = AttributeArray (&vertex[0], vertex.size(), dataBuffer); 

21 m_ normal = AttributeArray (&normal[0], normal.size(), dataBuffer); 

22 

23 m_index = IndexStream(&index[0], index.size(), dataBuffer); 

24 } 

25 

26 

p 和 

28 

29 /xx The rendering API pushes us towards a mesh representation 

30 because it would be inefficient to make per-triangle calls. */ 

31 class MeshScene 1{ 

32. Publiec: 

33 std: :vector<Light> lightArray; 

34 std: :vector<Mesh> meshArray; 

335 1 








代码 清单 15-31 显示 了 如 何 创建 “三 角形 加 上 地 面 ”场景 代码 。 在 代码 中 ， 将 几何 数 
据 上 传 到 图 形 设备 的 处 理 过 程 整个 被 抽象 到 Mesh 类 中 。 


代码 清单 15-31 为 “三 角形 加 上 地 面 ”场景 创建 可 索引 的 三 角形 网 格 的 主机 代码 


void makeTrianglePlusGroundScene (MeshSceneg& s) { 
std: :Vector<Vector3> vertex, normal; 
std::vector<int> index; 








// Green triangle geometry 

Vertex.push back (Point3(0%1,-2)); vertex.push. back (Point3/(-1.9f,—1;-2))? 
Vertex,. Bush back (Boint3(l bf,=0.5£,—2)) 

2 normal.push_back (Vector3(0,0.6f,1) .direction()); normal. 

Push_back (Vector3 (-0.4f,-0.4f，1.0f) .direction()); normal. 

Push_back (Vector3 (0.4f,-0.4f，1.0f) -direction()); 


小 内 上 PP 一 


8 index.push_ back (0); index.push back(1); index.push_ back (2); 

9 index.push back (0); index.push back (2); index.push back (1); 

10 shared_ptr<BSDF> greenBSDF (new PhongBSDF (Color3:;:green() * 0.8f, 

11 Colors wiitet w SE LOO)YS 
12 

13 s.meshArray.push_ back (Mesh (vertex, normal, index, greenBsDF)); 

14 vertex.clear(); normal.clear(); index.clear (); 

15 

16 OE ED 

了 // Ground plane geometry 

18 const float groundY = -1.0f; 

19 vertex.push back (Point3(-10, groundY, -10)); vertex.push _ back (Point3(-10, 
20 doundY, =0 0)Y3 

cl vertex.push_back (Point3(10, groundY, -0.01f)); vertex.push back (Point3(10, 
22 GreoundY =J0yY 

23 

24 normal.push_ back (Vector3: :unitY()); normal.push _ back (Vector3: :unitYy()); 
25 normal .push_ back (Vector3::unitY()); normal.push _ back (Vector3::unitY() ) ; 
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2 index.push back (0); index.push back(1); index.push back (2); 
28 index.push back (0); index.push back(2); index.push back (3); 
29 

30 const Color3 groundColor = Color3::white() * 0.8f; 

31 s.meshArray.push back (Mesh (vertex, normal, index, groundColor)); 
32 

33 OA 
34 // Light source 

35 s.lightArray.resize(1); 

36 s.lightArray[0] .position = Vector3(1, 3, 1); 

7 s.lightArray[0] .power = Color3::white() * 31.0f; 

38 让 





15. 7.2.3 创建 着 色 器 

顶点 着 色 器 必须 将 世界 坐标 系 下 的 输入 顶点 变换 为 图 像 平 面 上 的 齐 次 点 。 代 码 清单 15-32 
实现 了 这 一 变换 。 我 们 选择 OpenGL 着 色 语 言 (OpenGL Shading Language，GLSL) 来 实 
现 。GLSL 是 其 他 当代 着 色 语 言 ， 如 HLSL、Cg 和 RenderMan 的 一 个 代表 。 这 些 着 色 语 
言 都 和 C++ 很 像 。 不 过 ，GLSL 和 C++ 之 间 还 是 有 一 些 语法 上 的 小 差别 ， 我 们 将 在 下 面 
指出 以 帮助 读者 阅读 这 个 例子 。 在 GLSL 中 ， 

@ 对 于 所 有 三 角形 均 为 常量 的 参数 作为 全 局 (“uniform”) 变 量 传递 。 
点 、 向 量 和 颜色 存储 为 vec3 类 型 。 
Const 具有 不 同 的 语义 (编译 时 间 和 常数 ) 。 
in、out 和 inout 替代 C++ 中 的 引用 语法 。 
length、dot 等 函数 替代 向 量 类 中 的 方法 。 


代码 清单 15-32 ”顶点 着 色 器 进行 项 点 投影 。 其 输出 结果 在 执行 除法 前 属于 齐 次 空间 。 
它 对 应 于 代码 清单 15-24 中 的 perspectiveProject 函数 





#version 130 


// Triangle vertices 
in vec3 vertex; 
in vec3 normal; 


// Camera and screen parameters 
uniform float fieldOfViewx; 
uniform float zNear; 

10 uniform float zFar; 

ll uniform float width; 

12 uniform float height; 


‘OPAAIOUM 人 POD 


14 // Position to be interpolated 
15 out vec3 Pinterp; 


17 // Normal to be interpolated 
18 out vec3 ninterp; 


19 

20 vec4 perspectiveProject (in vec3 P) { 

21 // Compute the side of a square at z = -1 based on our 
22 // horizontal left-edge-to-right-edge field of view . 
23 float S = -2.0f * tan'(fieldOfViewX * 0.5f); 

24 float aspect = height / width; 

25 

26 // Project onto z = -1 

2 vec4 Q; 

28 0 二 0 0 


29 Oy 0 OY (Bs « dDect); 
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.oe 
=P .7 


| || 


本 
31 Q.w 
33 return oO; 


34 } 


36 void main() 1 
37 Pinterp = vertex; 
38 ninterp = normal; 


40 gl_Position = perspectiveProject (Pinterp); 
41 } 





上 面 列举 的 任 一 点 都 不 会 影响 基本 语言 的 表达 能 力 或 性 能 。 着 色 语 言 的 语法 细节 随 着 
新 版 本 的 发 布 经 常 改变 ， 对 此 读者 不 必 过 于 关注 。 这 个 例子 的 要 点 是 除了 按照 硬件 API 的 
风格 做 相应 的 调整 外 ， 它 仍然 保持 了 原始 程序 的 大 体形 式 。 

根据 OpenGL API,， 顶点 着 色 器 的 输出 是 一 组 属性 和 一 个 (x，y，a， 一 z) 形 式 的 顶 
点 ， 属 尚未 执行 透视 除法 的 齐 次 点 。 将 采用 a/ 一 z 值 进行 深度 测试 。 我 们 选择 a 二 1， 这 样 
可 以 基于 一 1/z 进行 深度 测试 (对 于 z 坐标 为 负 值 的 视点 可 见 位 置 而 言 ， 一 1/z 为 正 )。 我 
们 之 前 曾 提 到 ,任何 能 维持 同一 深度 顺序 的 函数 都 可 以 用 来 进行 深度 测试 。 其 中 测试 点 沿 
视线 的 距离 、 一 = 和 一 1/z 值 均 为 常见 的 选择 。 通 常 可 以 缩放 a 值 使 一 a/z 落 在 [0，1j] 或 
[一 1，1 区 间 内 ， 不 过 为 了 简单 起 见 ， 在 这 里 我 们 暂时 略 去 。 有 关 这 种 变换 的 推导 可 参见 
第 13 章 

注意 这 里 我 们 并 未 如 同 软件 名 会 制程 序 那样 ， 将 输出 的 顶点 坐标 缩放 到 图 像 的 大 小 、 将 
pa ce te era 因为 传统 上 OpenGL 假定 屏幕 的 左上 角 的 坐 
标 汶 (一 1， 邓 5 而 在 下 朋 为 人 一 了 

ee 3D 位 置 及 其 法 向 量 作为 三 角形 的 属性 。 硬 件 光栅 化 程序 将 沿 着 三 角形 
表面 以 透视 校正 的 方式 自动 地 对 它们 进行 插值 。 我们 需要 将 项 点 位 置 视 为 属性 ， 因 为 
OpenGL 并 不 提供 当前 着 色 点 的 3D 坐标 。 

代码 清单 15-33 和 代码 清单 15-34 给 出 了 像素 着 色 器 中 的 shade 例 程 代 码 ， 对 应 代码 
清单 15-17 中 的 着 色 函 数 ， 而 helper 函数 则 对 应 光线 追踪 程序 和 软件 光栅 化 程序 中 的 
visible 例 程 和 BSDF::evaluateFiniteScatteringDensity 例 程 。 着 色 器 的 输出 属 
尚未 实施 除法 操作 的 齐 次 空间 ， 对 应 于 代码 清单 15-24 中 的 perspectiveProject 郴 
数 。 插 值得 到 的 属性 值 通过 全 局 变量 Pinterp 和 ninterp 传人 着 色 器 ， 然 后 我 们 采用 与 
软件 绘制 程序 完全 相同 方式 进行 着 色 。 

代码 清单 15-33 ”像素 着 色 器 : 计算 一 个 三 角形 在 单一 光源 的 照射 下 朝 视 点 方向 所 散射 的 辐射 度 





#version 130 


1 

2 // BSDF 

3 uniform vec3 lambertian; 

4 uniform vec3 glossy; 

$§ uniform 二 GE glossySharpness; 
6 

7 YA bight 

8 uniform vec3 lightPosition; 

9 uniform vec3 lightPower; 

10 


ll // Pre-rendered depth map from the light’s position 
12 uniform sampler2DShadow shadowMap; 


14 // Point being shaded. OpenGL has automatically performed 
15 // homogeneous division and perspective-correct interpolation for us. 
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16 in vec3 Pinterps 
17 in vec3 ninterp; 
18 

19 // Value we are computing 

20 out vec3 radiance; 
21 


22 // Normalize the interpolated normal; OpenGL does not automatically 
23 // renormalize for us. 


24 vec3 n = normalize (ninterp); 

2 vec3 shade (const in vec3 P, const in vec3 n) { 

27 vec3 radiance = Vvec3(0.0); 

28 

29 // Assume only one light 

30 vec3 offset = lightPosition = Pr 

31 float distanceToLight = length (offset); 

32 vec3 w_ i = offset / distanceToLight; 
33 Vec3 w_o = -normalize (P); 

34 

35 if (visible(P, w_i, distanceToLight, shadowMap)) { 
36 vec3 L i = lightPower / (4 * PI * distanceToLight * distanceToLight); 
37 

38 // Scatter the light. 

39 radiance += 

40 Es 艺 

41 evaluateFiniteScatteringDensityl(w_i, Ww_o) * 
42 max(0.0, dot(w_i, n)); 

43 } 

44 

45 return radiance; 

46 } 

47 

48 void main() { 

49 vec3 P = Pinterp; 

50 

51 

52 radiance = shade(P, n); 

S90} 





代码 清单 15-34 ”像素 着 色 器 的 helper 函数 
1 #define PI 3.1415927 








3 bool visible(const in vec3 P, const in vec3 w_i, const in float distanceToLight, 
sampler2DShadow shadowMap) { 


4 return true; 

> 

6 

7 /x* Returns f(wi, wo). Same as BSDF::evaluateFiniteScatteringDensity 

8 from the ray tracer. */ 

9 vec3 evaluateFiniteScatteringDensity (Const in vec3 w_i, const in vec3 w_o) 1{ 
10 Vec3 w_h = normalize(w_i + Ww o); 

11 

12 EtEUEn (KL 二 

13 EG (ls S00 x powtnaxztd.0, dot(wv hh nr Ss BDyY BIS 
14 } 





不 过 ， 这 里 有 一 个 例外 。 对 于 每 个 进行 着 色 计算 的 点 ， 软 件 绘制 程序 会 遍历 场景 中 的 
所 有 光源 。 而 像素 着 色 器 却 被 硬 编码 为 单一 光源 。 这 是 因为 处 理 数 量 不 确定 的 参数 在 硬件 
层面 上 是 个 挑战 。 从 性 能 上 考虑 ， 着 色 器 的 输入 通常 会 通过 寄存 器 传递 ， 而 不 是 通过 堆 内 
存 。 而 寄存 器 分 配 通常 是 优化 的 一 个 主要 因素 。 因 此 多 数 着 色 编 译 器 要 求 拟 使 用 的 寄存 央 
的 数目 是 确定 的 ， 从 而 排除 了 传递 可 变 长 度数 组 的 可 能 性 。 程 序 员 们 开发 了 三 种 前 向 绘制 


光线 投射 与 光 初 化 359 





(forward-rendering) 设 计 模式 来 应 对 这 种 限制 。 它 们 均 使 用 单 帧 缓存 器 ， 从 而 限定 了 算法 
在 整体 上 的 空间 需求 。 当 前 正 流 行 的 称 为 延迟 演 染 (deferred-rendering) 的 第 四 种 方法 另 需 
额外 的 空间 。 

1) 多 遍 绘制 (multipass rendering): 每 遍 只 针对 一 个 光源 绘制 全 部 景物 ， 再 把 各 遍 绘 
制 的 结果 累加 起 来 。 这 一 方法 之 所 以 可 行 是 由 于 光 满 足 受 加 原理 。 值 得 注意 的 是 ， 在 第 一 
遍 绘制 时 必须 求解 得 到 正确 的 可 见 性 ， 并 在 之 后 不 再 改变 景物 的 深度 顺序 。 从 算法 上 讲 ， 
这 是 最 简洁 的 解决 方案 。 不 过 它 也 是 最 慢 的 ， 这 是 因为 像素 着 色 避 启动 带 来 开销 较 大 ， 因 
此 针对 同一 个 点 多 次 启动 像素 着 色 器 将 导致 效率 低下 。 

2) 超级 着 色 器 (iibershader) : 将 光源 的 总 数 限定 在 一 定数 量 内 ， 在 给 定数 量 光源 的 假 
设 下 编制 着 色 咒 程序 ， 使 用 时 将 实际 不 存在 光源 的 能 量 取 为 零 。 这 是 最 常见 的 解决 方案 。 
如 果 像 素 着 色 器 的 启动 开销 很 高 而 且 读 取 BSDF 参数 的 工作 量 很 大 ， 相 对 而 言 ， 着 色 器 中 
包含 虚设 光源 的 额外 代价 可 能 会 比较 低 。 这 是 对 着 色 器 基本 版 本 的 一 种 相当 直观 的 改进 ， 
并 且 是 在 性 能 和 代码 简洁 性 之 间 的 较 好 折 中 。 

3) 代码 生成 (code generation) : 生成 一 系列 的 着 色 程 序 ， 每 个 程序 针对 某 个 数量 的 光 
源 。 它 们 通常 是 通过 编写 一 个 能 自动 生成 着 色 器 代码 的 程序 来 完成 的 。 在 运行 时 加 载 所 有 
的 着 色 器 程序 ， 根 据 照 射 特定 物体 的 光源 的 数量 为 其 绑 定 相应 的 着 色 器 。 如 果 在 生成 每 一 
帧 画面 时 只 需 切 换 着 色 需 几 次 ， 这 种 方法 能 达到 很 高 的 性 能 ， 而 且 也 是 潜在 的 最 快 方法 。 
但 它 需要 复杂 的 架构 来 管理 生成 这 些 着 色 器 的 源 代 码 和 各 种 编译 版 本 ， 并 且 如 果 切 换 着 色 
器 是 一 种 耗 时 的 操作 ， 那 么 它 实际 上 会 比 保守 方案 更 慢 。 

如 果 不 同 的 曲面 具有 不 同 的 BSDF， 则 必须 考虑 光源 数目 和 BSDF 变化 的 所 有 可 能 的 
组 合 。 我 们 还 是 从 以 上 三 种 方案 中 选择 。 组 合 爆炸 问题 是 当前 常用 的 着 色 语 言 的 主要 缺陷 
之 一 ， 问 题 的 产生 源 于 我 们 总 是 希望 着 色 编 译 器 能 生成 高 效 的 代码 。 设 计 一 些 更 灵活 的 语 
言 并 为 它们 编写 编译 器 并 不 困难 。 但 是 我 们 转向 硬件 API 的 主要 动机 是 为 了 提高 性 能 ， 因 
此 不 太 可 能 接受 一 种 更 通用 但 会 显著 降低 性 能 的 着 色 语 言 。 

4) 延迟 光照 (deferred lighting): 有 一 种 方法 可 以 解决 上 述 问题 ,但 需 占用 更 多 内 存 。 
该 方法 将 每 个 像素 的 可 见 点 判定 从 光照 计算 中 分 离 出 来 。 在 首 遍 绘制 过 程 中 生成 多 个 并 行 
的 缓冲 区 ,分 别 存储 每 个 像素 可 见 点 的 着 色 系 数 、 表 面 法 向 及 其 位 置信 息 ( 假 设 使 用 超级 
着 色 融 )。 在 后 面 几 遍 的 绘制 中 ， 则 针对 每 个 光源 ， 遍 历 可 能 受 其 光照 的 屏幕 空间 区 域 中 
各 像素 ， 计 算 并 累加 光照 。 在 光照 计算 中 两 种 常用 的 数据 结构 是 : 照 焰 大 面积 屏幕 空间 区 
域 的 各 个 光源 ， 以 及 覆盖 每 个 光源 在 屏幕 空间 可 能 照射 区 域 的 椭 球 体 。 

对 于 单个 光源 的 情况 ， 从 软件 光栅 化 程序 转向 硬件 API 并 不 需要 实质 性 地 改变 我 们 的 
perspectiveProject 和 shade 阴 数 。 

然而 我 们 的 着 色光 数 并 非特 别 强大 。 在 我 们 的 软件 光栅 化 程序 中 ， 虽 非 刻 意 设计 , 但 
可 以 在 着 色 函 数 中 执行 任意 代码 。 例 如 ， 我 们 可 以 将 结果 写 入 帧 缓冲 器 当前 像素 之 外 的 男 
一 位 置 ; 或 者 发 射 阴影 探测 光线 或 反射 光线 。 这 样 的 操作 在 硬件 API 中 通常 是 不 允许 的 ， 
因为 这 会 影响 在 没有 显 式 ( 低 效 的 ) 内 存 锁 的 情况 下 ， 对 着 色 程序 所 生成 的 并 行 实例 进行 高 
效 调度 的 能 力 。 

在 设计 一 种 可 进行 较为 复杂 处 理 的 算法 时 (尤其 是 在 像素 层面 上 )， 我 们 将 面临 两 种 选 
择 。 第 一 种 选择 是 构建 一 个 混合 绘制 器 ， 其 中 的 一 些 处 理由 更 通用 的 处 理 器 来 执行 ， 例 如 
主机 ,或 者 通用 的 计算 API( 比 如 CUDA、Direct Compute、OpenCL 或 OpenGL Com- 
pute)。 混 合 绘制 器 通常 会 引起 额外 的 内 存 操作 开销 以 及 同步 方面 的 复杂 性 。 
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第 二 种 选择 是 将 算法 完全 架构 在 一 系列 的 光栅 化 操作 上 ， 通 过 多 遍 光 栅 化 来 实现 。 例 
如 在 大 多 数 人 硬件 绘制 API 中 ， 无 法 方便 地 进行 光线 投射 ， 但 我 们 可 以 对 之 前 绘制 生成 的 阴 
影 贴 图 进行 采样 。 

同样 ， 也 可 单纯 地 使 用 光栅 化 操作 来 实现 反射 、 折 射 和 间接 光照 。 这 种 方法 可 以 避免 
混合 绘制 器 中 许多 间接 开销 ， 并 充分 利用 硬件 光栅 化 的 高 性 能 。 然 而 ， 它 们 并 非 描 述 算法 
的 最 自然 的 方式 ， 还 会 导致 低 的 效率 并 使 软件 变 得 复杂 。 回 顾 从 光线 投射 到 光栅 化 ， 由 于 
改变 了 算法 的 迭代 次 序 ， 专 门 增设 了 一 个 深度 缓冲 器 来 存储 中 间 结 果 ， 这 必然 使 得 绘制 所 
需 的 空间 增 大 。 一 般 而 言 ， 基 于 光栅 化 来 实现 任意 一 种 算法 时 都 会 遇 到 这 个 问题 。 当 中 间 
结果 的 数据 很 大 时 ， 增 长 的 空间 需求 可 能 超过 实际 负荷 能 力 。 

着 色 语 言 几 乎 都 是 运行 时 在 API 内 编译 为 可 执行 代码 。 这 是 因为 即使 是 同一 厂商 的 产 
品 ， 其 底层 微 架 构 也 可 能 存在 很 大 的 差别 ， 进 而 导致 编译 器 在 优化 目标 代码 和 快速 生成 可 
执行 程序 间 之 间 发 生 了 矛盾 。 多 数 实现 错误 发 生 在 优化 时 ， 因 为 对 每 个 场景 ， 着 色 器 通常 只 
加 载 一 次 。 如 果 在 绘制 的 过 程 中 对 多 个 着 色 结 果 进 行 合成 或 流 式 传递 ， 则 可 能 会 带 来 相当 
大 的 开销 。 

某 些 语言 (例如 HLSL 和 CUDA) 人 允许 执行 初始 编译 来 生成 中 间 表 示 。 这 消除 了 运行 
时 进行 语法 分 析 和 执行 某 些 底层 的 编译 操作 的 开销 ， 同 时 保持 了 针对 具体 设备 进行 优化 的 
灵活 性 。 它 还 使 软件 开发 者 能 以 可 读 文 件 的 方式 向 终端 用 户 发 布 图 形 应 用 而 不 致 泄露 着 色 
程序 。 对 于 有 固定 技术 规范 的 封闭 式 系 统 ， 比 如 游戏 操纵 台 ， 可 将 着 色 程 序 直接 编译 为 真 
实 的 机 器 码 。 这 是 因为 对 这 些 系 统 而 言 ， 其 具体 的 运行 设备 在 主机 程序 编译 时 已 经 完全 确 
定 。 然 而 ， 这 样 做 会 泄露 一 些 拥 有 专利 的 微 架 构 细 节 ， 因 此 即使 在 这 种 情况 下 ， 硬 件 厂 商 
也 不 会 总 是 让 他 们 的 API 执行 完整 的 编译 步骤 。 
15. 7.2.4 执行 绘制 程序 

我 们 通过 调用 araw 来 启动 着 色 器 。 它 在 主机 上 执行 ， 通 常 是 初始 化 帧 缓冲 区 ， 再 对 
每 个 网 格 执行 以 下 操作 。 

1) 设置 固定 函数 的 状态 。 

2) 绑 定 着 色 器 。 

3) 设置 着 色 器 参数 。 

4) 调用 draw。 

执行 完 这 些 操 作 之 后 ,会 调用 一 个 函数 ， 将 帧 缓冲 区 的 内 容 发 送 到 显示 右 ， 常 称 为 缓 
冲 区 交换 (buffer swap)。 此 过 程 的 抽象 实现 如 代码 清单 15-35 所 示 ， 由 主 绘制 循环 (如 代 
人 清单 15-36) 调 用 。 
代码 清单 15-35 ”主机 代码 ， 用 来 设置 固定 函数 状态 和 着 色 器 参数 ， 并 在 抽象 硬件 API 下 启动 draw 程序 


1 void loopBody (RenderDevicex gpu) { 
2 gpu->setColorCclearValue (Color3::cyan() * 0.1f£f); 








3 gpu->clear (); 

4 

3 const Light& light = scene.lightArray [0]; 

6 

7 for (unsigned int m = 0; m < scene.meshArray.size(); ++m) { 
8 Args args; 

9 const Mesh& mesh = scene.meshArray[m]; 

10 const shared ptr<BSDF>& bsdf = mesh.bsdf(); 

二 

12 args.setUniform("fieldOfViewx", camera.fieldOfViewX); 
13 args.setUniform("zNear", camera.zNear); 


14 args.setUniform("zFar", camera.zZFar); 
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15 

16 args.setUniform("lambertian", bsdf->lambertian); 
17 args.setUniform("glossy", bsdf->glossy); 

18 args.setUniform("glossySharpness", bsdf->glossySharpness); 
19 

20 args.setUniform("lightPosition", 119Dt .poitLon)3 
21 args.setUniform("lightPower", light .power); 

22 

23 args.setUniform("shadowMap", shadowMap); 

24 

25 args.setUniform("width", gpu->width ()); 

26 args.setUniform("height", gpu->height () ) ; 

27 

28 gpu->setShader (shader); 

29 

30 mesh.sendGeometry (gpu, args); 

31 } E. 

32 gpu->swapBuffers (); 

33; 二 





代码 清单 15-36 ”用 来 设置 硬件 绘制 主 循环 的 主机 代码 








1 OSWindow::Settings osWindowSettings; 

2 RenderDevice* gpu = new RenderDevice(); 

3 gpu->init (osWindowSettings); 

4 

5 // Load the vertex and pixel programs 

6 shader = Shader::fromFiles ("project .vrt", "shade .pix"); 

» 

8 shadowMap = Texture: :createEmpty ("Shadow map", 1024, 1024, 


9 ImageFormat: :DEPTH24(), Texture::DIM 2D_ NPOT, Texture::Settings::shadow ()); 
10 makeTrianglePlusGroundScene (scene); 


12 // The depth test will run directly on the interpolated value in 
13 // Q.z/Q.w, which is going to be smallest at the far plane 

14 gpu->setDepthTest (RenderDevice::DEPTH_GRERATER) ; 

15 gpu->setDepthClearValue (0.0) 


16 

17 while (! done) { 

18 loopBody (gpu); 

19 processUserInput (); 
20 } 

21 

22 








15.8 性 能 和 优化 


我 们 将 考虑 几 个 基于 硬件 绘制 的 优化 例子 。 这 些 例子 并 没有 覆盖 所 有 的 情况 ,但 它们 
体现 了 若干 建 模 的 技术 ， 读 者 在 需要 时 可 以 借鉴 其 中 的 思路 来 进行 自己 的 优化 。 


15. 8. 1 关于 抽象 的 思考 


很 多 性 能 上 的 优化 常 伴随 着 代码 复杂 度 的 显著 增加 。 因 此 需要 在 优化 带 来 的 性 能 提升 
和 所 引起 的 调试 和 代码 维护 代价 之 间 进 行 权衡 。 高 层次 的 算法 优化 可 能 需要 经 过 重大 的 思 
考 和 代码 重 构 ， 但 它们 试图 在 代码 复杂 度 和 性 能 之 间 取 得 最 好 的 折 中 。 例 如 ， 简 单 地 将 屏 
幕 一 分 为 二 ， 并 在 不 同 的 处 理 器 上 异步 绘制 每 一 部 分 ， 几 乎 可 使 性 能 提升 一 倍 ， 而 代价 仅 
仅 是 增加 约 50 行 代码 ， 而 且 这 些 代 码 无 需 对 绘制 器 的 内 循环 做 任何 改动 。 

相 比 之 下 ， 考 虑 一 些 我 们 会 常 有 意 略 过 的 低层 次 优化 。 这 些 优化 包括 简化 共用 子 表达 





式 ( 比 如 将 所 有 重复 的 除法 转换 为 与 除数 倒数 的 一 次 性 相 乘 ) 、 将 常量 放 到 循环 外 部 等 。 执 
行 这 些 优化 会 破坏 算法 的 清晰 度 ， 且 只 能 带 来 50% 的 计算 能 力 的 提升 。 

这 并 不 是 说 低层 次 优化 不 值得 去 做 。 当 实现 高 层次 优化 后 ， 它 们 会 变 得 重要 起 来 ; 到 
那 时 读者 宁愿 让 代码 和 维护 变 得 复杂 ， 因 为 它 增 添 了 新 的 优化 功能 。 


15. 8. 2 关于 架构 的 思考 


本 章 讨论 的 简单 光栅 化 程序 和 光线 投射 程序 之 间 的 主要 区 别 在 于 : 前 者 主 循环 的 遍历 
对 象 是 “每 个 像素 "， 而 后 者 主 循环 的 遍历 对 象 则 是 “每 个 三 角形 ”, 两 者 的 内 外 循环 的 恋 
套 顺 序 正好 颠倒 了 一 下 。 这 看 上 去 只 是 一 个 小 的 变化 ， 两 者 内 循环 的 主要 内 容 仍 是 相似 
的 。 但 这 个 简单 的 变化 对 内 存 访问 模式 以 及 如 何 对 每 一 算法 进行 优化 却 有 着 深刻 的 影响 。 

场景 中 的 三 角形 通常 存储 在 堆 中 ， 可 采用 普通 1D 数组 或 者 更 复杂 的 数据 结构 形式 。 
若 为 简单 的 数据 结构 (如 数组 )， 则 可 以 按 它们 在 内 存 中 存储 的 顺序 对 它们 进行 遍历 ， 从 而 
确保 内 存 访问 的 连贯 性 ， 实 现 高 效 的 高 速 缓存 。 然 而 ， 这 一 遍历 也 需 占 用 大 量 的 带宽 ， 因 
为 在 每 个 像素 上 的 可 见 性 计算 会 涉及 整个 场景 。 倘 若 我 们 采用 较为 复杂 的 数据 结构 ， 则 在 
减 小 带宽 的 同时 很 可 能 也 降低 了 内 存 访问 的 连贯 性 。 此 外 ， 相 邻 像素 可 能 涉及 对 同一 三 角 
形 采 样 ， 而 当 我 们 在 遍历 过 程 中 再 次 对 此 三 角形 进行 测试 时 ， 它 可 能 已 经 不 在 高 速 缓存 
中 了 。 

一 种 流行 的 低层 次 光线 跟踪 优化 方法 是 针对 相 邻 像素 跟踪 一 簇 光 线 ( 称 为 光线 包 )。 这 
些 光 线 在 遍历 场景 数据 结构 时 可 能 具有 相似 的 路 径 ， 从 而 提升 了 内 存 访问 的 连贯 性 。 在 
SIMD 处 理 器 上 ， 单 一 线程 即 可 同时 跟踪 整个 光线 包 的 各 条 光线 。 然 而 ， 光 线 包 跟踪 可 能 
会 受到 计算 一 致 性 的 困扰 。 有 时 候 同 一 包 内 的 不 同 光线 会 投射 到 场景 数据 结构 中 的 不 同 部 
位 ,或 在 求 交 测试 时 转 和 人 不 同 的 分 支 。 在 这 些 情况 下 ， 因 内 存 连 贯 性 不 复 存 在 ， 或 者 分 支 
的 两 种 情况 都 必须 执行 ， 采 用 单线 程 同 时 处 理 多 条 光线 并 无 优势 。 所 以 ,设计 快速 光线 跟 
踪 器 程序 时 常会 采用 非常 复杂 的 数据 结构 来 进行 光线 包 跟 踪 。 这 类 跟踪 通常 受 限 于 因 高 速 
缓存 效率 低下 而 导致 的 内 存 性 能 问题 ， 而 不 是 计算 量 。 

因为 逐个 像素 进行 处 理 所 涉 及 的 帧 缓冲 区 通常 比 逐 个 三 角形 进行 处 理 所 涉 及 的 场景 结 
构 小 很 多 ， 光 栅 化 程序 在 内 存 性 能 上 较 光 线 跟踪 程序 有 明显 的 优势 。 光 栅 化 程序 依次 将 每 
个 三 角形 读 入 内存， 然后 进行 处 理 直 至 完成 ， 期 间 遍 历 了 多 个 像素 。 这 些 像素 在 空间 上 必 
然 相 邻 。 对 于 以 行为 序 的 图 像 ， 如 果 逐 行进 行 遍历 ， 则 被 该 三 角形 覆盖 的 像素 在 内 存 中 也 
是 相 邻 的 ， 因 此 内 层 循环 将 有 很 好 的 内 存 连 续 性 以 及 相当 低 的 存储 带宽 。 此 外 ， 我 们 可 以 
采用 SIMD 架构 并 行 处 理 多 个 水 平 或 垂直 相 邻 的 像素 。 由 于 是 在 同一 三 角形 内 逐个 像素 推 
进 ， 故 具有 高 度 的 内 存 连 贯 性 和 分 支 一 致 性 。 光 线 投 射 和 光栅 化 都 有 很 多 的 改进 版 来 改善 
其 性 能 估计 。 但 历史 上 这 些 算 法 面向 的 是 百 万 级 的 三 角形 和 像素 。 在 此 规模 下 ， 连 贯 性 之 
类 的 恒定 因素 仍然 是 算法 性 能 的 主导 性 因素 ， 而 光栅 化 因为 较 好 的 连贯 性 而 成 为 高 性 能 绘 
制 的 首选 。 聚 焦 于 这 种 连贯 性 带 来 的 代价 是 ， 在 对 光栅 化 程序 进行 一 些 必要 的 优化 以 获得 
实时 绘制 性 能 后 ， 代 码 中 会 杂乱 地 挫 杂 着 位 操作 和 高 度 派 生 项 ， 以 至 于 从 软件 工程 的 角度 
看 ， 简 洁 的 光线 投射 程序 更 具 吸 引力 。 这 种 差别 只 有 在 我 们 编写 更 复杂 的 绘制 算法 时 才 会 
凸显 出 来 。 传 统 观点 认为 ， 光 线 跟 踪 算 法 简洁 并 易于 扩展 ， 但 难于 优化 ， 而 光栅 化 算法 高 
效 却 很 难 应 对 ， 并 且 不 易 增 加 新 的 特性 。 当 然 ， 人 们 也 可 以 使 光线 跟踪 变 得 快速 但 代码 复 
杂 化 (例如 光线 包 跟 踪 所 取得 的 令 人 钦佩 的 成 功 ) 而 让 光栅 化 程序 可 扩展 但 效率 降低 (例如 
在 过 去 的 20 年 中 广泛 用 于 电影 绘制 的 Pixar 公司 出 品 的 RenderMan 系统 )。 
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15.8.3 提前 深度 测试 的 例子 


一 个 简单 但 却 能 显著 提升 性 能 ， 并 对 代码 的 清晰 度 影 响 甚 微 的 优化 方法 是 提前 进行 深 
度 测 试 。 无 论 光栅 化 还 是 光线 跟踪 都 存在 以 下 情况 : 有 时 已 对 一 个 点 着 色 ， 但 后 来 却 发 现 
了 其 他 离 视点 更 近 的 点 。 作 为 优化 措施 ， 我 们 可 以 在 着 色 之 前 先 找到 最 近 的 点 ， 然 后 再 对 
最 终 确定 的 最 近 点 实施 着 色 。 注 意 在 光线 跟踪 中 ， 其 外 层 循环 处 理 完 一 个 像素 才 转 入 下 一 
个 像素 ， 在 单个 像素 和 迭 代 的 整个 过 程 中 一 直 在 进行 可 见 性 测试 ， 并 在 每 一 步 迭 代 后 保留 当 
前 的 最 近 交 点 ， 直 到 迭代 结束 后 才 进 行 着 色 。 而 在 光栅 化 中 ,同一 像素 会 经 历 多 次 处 理 ， 
因此 有 必要 将 整个 光栅 化 过 程 分 解 为 两 次 处 理 ， 在 第 一 轮 处 理 中 确定 每 个 像素 的 可 见 点 ， 
然后 在 第 二 轮 处 理 中 进行 着 色 。 如 果 备 好 depthBuffer， 使 得 只 有 最 终 着 色 的 表面 可 以 
通过 该 轮 测试 ， 则 上 述 策 略称 为 提前 深度 处 理 (early-depth pass)LHW96]。 如 果 在 这 个 过 
程 中 还 累积 了 着 色 参 数 以 避免 之 后 重新 计算 ， 则 该 过 程 称 为 延迟 着 色 (deferred shading)。 
这 种 绘制 策略 最 早 由 Whitted 和 Weimer[L WW82] 提 出 ( 那 时 基本 的 可 见 性 计算 的 成 本 还 很 
高 )， 它 使 可 见 性 测试 与 着 色 计 算 相 互 独立 。 此 后 的 十 年 内 ,该 策略 被 认为 是 对 复杂 绘制 
进行 加 速 使 之 趋 近 实 时 绘制 性 能 的 一 种 方法 (其 间 提 出 了 “deferred” 这 个 术语 )LMEP92 ]， 
而 今天 它 作为 硬件 平台 上 的 进一步 优化 手段 被 广泛 使 用 ， 并 已 实现 了 复杂 场景 的 实时 
绘制 。 

倘若 场景 的 深度 复杂 度 很 高 ( 即 很 多 三 角形 投影 于 图 像 平 面 上 的 同一 点 ) 而 着 色 过 程 代 
价 昂贵 ， 则 提前 进行 深度 测试 带 来 的 性 能 提升 将 非常 明显 。 未 实施 提前 深度 测试 时 ,绘制 
一 个 像素 的 代价 是 O(tv 十 ts)， 其 中 1 是 三 角形 个 数 ，%v 是 可 见 性 测试 时 间 ，;s 是 着 色 时 间 。 
这 是 代价 估计 的 上 界 。 如 果 在 运行 中 很 幸运 ， 总 是 首先 遇 到 最 近 的 三 角形 ， 那么 实际 性 能 
可 以 接近 下 界 Q(tv 十 s)， 这 是 因为 我 们 只 进行 了 一 次 着 色 计 算 。 提 前 深度 测试 可 保证 算法 
总 是 处 于 下 界 的 情形 中 。 我 们 前 面 讨 论 过 在 光栅 化 过 程 中 如 何 降低 wv 的 代价 (每 个 像素 只 
需 做 几 次 加 法 )， 因 此 ， 现 在 的 挑战 是 在 每 个 像素 上 如 何 减少 需 进行 测试 的 三 角形 数 。 遗 
憾 的 是 ， 实 现 这 一 点 并 非 易 事 。 已 有 一 些 策略 ， 对 具有 某 些 特定 性 质 的 场景 ， 其 绘制 时 间 
可 达到 OCvlogt 十 s) 的 估计 值 ， 但 代码 的 复杂 度 也 显著 增加 。 


15. 8. 4 ”什么 情况 下 需 进行 早期 优化 


为 避免 过 早 进行 优化 ， 图 形 学 针对 基于 时 间 的 通用 经 验 法 则 提出 了 两 点 例外 。 这 些 例 
外 的 重要 的 意义 在 于 ， 当 低层 次 优化 足以 加 速 绘制 算法 使 其 达到 交互 帧 频 时 ， 则 有 必要 在 
开发 过 程 的 初期 进行 这 些 优 化 。 显 然 ， 对 交互 式 绘制 系统 进行 调试 远 比 对 离线 式 系统 简 
单 。 交 互 性 能 允许 你 快速 地 检验 新 的 视点 和 变化 的 场景 ， 可 为 读者 提供 对 数据 的 真实 3D 
感知 ， 而 不 仅仅 是 它们 的 2D 投影 。 如 果 这 能 让 你 调试 代码 更 快 ， 则 优化 已 经 增强 了 你 处 
理 代码 的 能 力 ( 尽 管 代码 的 复杂 度 有 所 增加 )。 田 一 种 情况 是 绘制 时 间 突 破 了 编程 人 员 耐 心 
的 极限 。 大 多 数 程序 员 愿 意 花 30 秒 等 待 一 幅 图 像 绘 制 完 成 。 倘 车 绘制 时 间 超 过 两 分 钟 ， 
他 们 很 可 能 会 离开 计算 机 或 切换 到 其 他 任务 上 。 每 次 程序 员 切 换 任务 或 离开 计算 机 ， 实际 
上 都 会 增加 调试 的 时 间 成 本 。 因 为 返回 时 ， 他 必须 回忆 之 前 所 做 的 事 并 重新 进入 开发 流程 
中 。 如 果 可 以 将 绘制 时 间 减 小 到 可 以 等 待 的 范围 内 ， 则 将 缩短 调试 时 间 ， 调 试 过 程 也 会 变 
得 更 加 愉快 ， 从 而 使 工作 效率 得 以 进一步 提升 (尽管 这 会 增加 代码 的 复杂 度 )。 我 们 将 这 些 
思想 总 结 为 如 下 原则 : 
wy 早期 优化 原则 : 如 果 早 期 优化 能 使 可 交互 程序 与 需要 几 分钟 才 能 运行 的 程序 性 能 差异 





明显 ， 则 值得 一 做 。 代 码 测 试 周期 的 缩短 以 及 对 交互 式 测试 的 支持 可 回报 所 付出 的 额 
外 努力 。 


15. 8. 5 改进 性 能 估计 界限 


即使 是 线性 时 间 的 绘制 算法 ， 也 无 法 处 理 真正 的 大 规模 场景 ， 因 此 必须 设法 将 场景 中 
的 某 部 分 数据 整个 抹 去 而 完全 不 必 访 问 。 面 向 这 一 策略 的 数据 结构 是 计算 机 图 形 学 中 的 经 
典 方 向 ， 至 今 仍 是 热门 的 研究 课题 。 这 些 数 据 结构 背后 的 基本 思想 与 使 用 树 或 桶 结构 进行 
搜索 或 排序 的 思路 完全 一 致 。 可 见 性 测试 实质 上 属 搜索 操作 ， 即 找到 光线 与 场景 的 最 近 交 
点 。 如 果 我 们 能 通过 预计 算 生 成 一 个 类 似 于 树 形 的 场景 数据 结构 ， 而 该 结构 能 以 某 种 方式 
对 场景 中 的 几何 图 元 进行 排序 ， 使 得 我 们 在 每 一 层 都 能 保守 地 剔除 恒定 比率 的 图 元 ， 则 整 
个 场景 的 可 见 性 测试 可 以 接近 O(logn) 的 时 间 复 杂 度 ， 而 不 是 O(n)， 其 中 为 图 元 的 数 
量 。 当 遍历 树 结 点 的 开销 足够 低 时 ， 这 种 策略 可 以 很 好 地 推广 到 任意 规模 场景 ， 在 固定 的 
时 间 内 我 们 能 绘制 的 图 元 数 将 按 指数 倍增 长 。 对 于 具有 某 些 特殊 结构 的 场景 ， 我 们 还 能 做 
得 更 好 。 例 如 ， 假 设 我 们 能 找到 一 个 索引 模式 或 哈 希 函数 把 场景 划分 为 O(Cz) 个 桶 ， 经 过 
保守 的 剔除 后 每 个 桶 内 只 存放 O(1) 个 图 元 。 则 该 场景 的 可 见 性 测试 可 达到 O(Cc) 时 间 复 杂 
度 ， 其 中 以 是 到 光线 与 场景 的 第 一 个 交点 的 距离 。 当 这 个 距离 很 小 (比如 曲折 的 走廊 ) 时 ， 
此 方案 下 的 静态 场景 绘制 时 间 将 独立 于 场景 的 图 元 数目 ， 这 意味 着 在 理论 上 该 算法 可 以 给 
制 任意 大 的 场景 。 对 基于 此 类 想法 的 算法 的 更 深入 讨论 请 见 第 37 章 。 


15; 9 ”讨论 

这 一 章 的 目标 并 不 是 让 读者 能 构建 一 个 光线 跟踪 程序 或 光栅 化 程序 ， 而 是 让 读者 理解 
绘制 过 程 涉及 对 光源 、 物 体 、 光 线 的 采样 ， 其 中 在 采样 的 累计 和 插值 方面 有 许多 可 用 的 算 
法 方面 的 策略 。 这 为 所 有 未 来 的 绘制 提供 了 基础 : 我 们 可 以 更 高 效 和 更 符合 统计 特性 来 进 
行 采样 。 

对 沿 着 穿 过 像素 中 心 的 视线 对 场景 的 采样 ， 我 们 提供 了 三 种 测试 方法 一 一 显 式 的 3D 
光线 -三 角形 的 相交 测试 ， 基 于 增 量 式 计算 重心 坐标 的 2D 平面 上 光线 -三 角形 交点 测试 ， 
以 及 基于 边 方程 增 量 式 计 算 交 点 坐标 的 2D 平面 上 光线 -三 角形 测试 一 一 这 些 方法 在 数学 上 
是 等 价 的 。 我 们 也 讨论 了 如 何 实现 这 些 方法 ,使 得 在 计算 精度 有 限 的 情况 下 它们 能 生成 数 
学 上 等 价 的 结果 。 在 每 种 情况 下 ， 我 们 都 基于 重心 坐标 计算 一 些 相关 的 值 ， 同 时 检测 这 些 
重心 坐标 所 对 应 的 点 是 否 在 三 角形 内 部 。 确 保 这 些 测试 在 数学 上 的 等 价 性 是 非常 重要 的 。 
否则 ， 我 们 将 无 法 保证 所 有 的 方法 都 能 生成 同一 图 像 。 在 算法 层面 上 ， 这些 方法 各 有 不 同 
的 策略 。 这 是 因为 它们 以 不 同 的 方式 分 摊 算 法 的 开销 ， 并 采用 不 同 的 内 存 访 问 模式 。 

采样 是 基于 物理 的 绘制 的 核心 。 读 者 在 本 章 中 面 对 的 选择 会 对 绘制 的 所 有 方面 产生 影 
响 。 实 际 上 ， 这 些 选 择 对 所 有 高 性 能 计算 都 很 重要 ， 所 涉及 的 领域 甚至 包括 生物 、 金 融和 
气象 模拟 等 。 这 是 因为 很 多 有 趣 的 问题 不 能 解析 求解 ， 只 能 通过 离散 采样 来 通 近 。 人 们 通 
常 希 望 以 并 行 的 方式 进行 采样 ， 以 减 小 计算 上 的 延迟 。 因 此 如 何 对 一 个 复杂 域 进行 采样 
(本 章 的 问题 是 求 取 三 角形 集合 和 视线 集合 的 交 )， 是 科学 的 基础 性 问题 ， 其 意义 远 超出 图 
像 合 成 领域 。 

本 章 中 的 光线 跟踪 程序 极为 直观 ,没有 添加 任何 装饰 ,但 它 仍 能 够 很 好 地 工作 。 十 年 
前 为 了 绘制 一 个 茶壶 可 能 需要 耗费 一 个 小 时 ， 而 今天 在 你 的 计算 机 上 可 能 最 多 只 需 几 秒 。 
这 种 性 能 的 飞跃 可 以 使 读者 比 前 人 更 自由 地 来 实验 本 章 的 算法 。 同 时 也 人 允许 读者 去 体验 更 
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清晰 的 软件 设计 方式 ， 快 速 探索 更 为 复杂 的 算法 ， 因 为 读者 不 再 需要 为 确保 合理 的 绘制 由 
频 而 花费 大 量 的 时 间 来 进行 低层 次 优化 。 

尽管 现在 的 机 器 具有 相当 高 的 计算 性 能 ， 我 们 仍 考虑 了 各 种 设计 方案 的 选择 ， 并 在 算 
法 的 抽象 层次 和 性 能 之 间 折 中 。 这 是 因为 几乎 没有 什么 地 方 像 计算 机 图 形 学 中 的 可 见 性 计 
算 那样 面临 如 此 强烈 的 压力 : 如 果 在 绘制 算法 中 不 对 此 有 所 考虑 ， 绘 制 过 程 可 能 仍然 会 慢 
得 无 法 接受 。 这 主要 是 因为 作为 基础 的 可 见 性 计算 受制 于 很 大 的 常量 一 一 场景 的 复杂 度 和 
画面 的 像素 数 一 一 而 且 可 见 性 计算 实际 上 位 于 图 形 管线 的 末端 

也 许 将 来 有 一 天 ， 机 器 会 足够 快 ， 我 们 不 再 需 像 今天 这 样 为 了 实现 可 接受 的 绘制 帧 频 
而 做 出 诸多 折 中 。 例 如 ， 人 们 期 望 直接 在 算法 层面 上 操作 而 不 需要 暴露 Image 类 的 内 部 
存储 布局 。 这 一 天 是 否 能 早日 到 来 取决 于 算法 和 硬件 的 发 展 。 早 期 硬件 性 能 的 快速 提升 在 
某 种 程度 上 归功 于 更 快 的 时 钟 速度 ， 以 及 并 行 处 理 和 内 存单 元 的 高 速成 们 增长。 但 是 今天 
基于 半导体 的 处 理 器 无 法 在 更 快 时钟 速 度 上 运行 ， 因 为 它 已 经 达到 了 电压 泄露 和 电感 容量 
的 上 限 。 所 以 未 来 的 速度 提升 将 无 法 依赖 于 因 对 相同 基 片 采用 更 好 制造 工艺 而 带 来 的 更 高 
时 钟 频率 。 更 进一步 来 看 ， 当 今 处 理 器 内 部 线路 的 宽度 接近 一 个 分 子 ， 所 以 我 们 已 接近 电 
路 微型 化 的 极限 。 当 前 图 形 学 的 很 多 算法 主要 受 限 于 并 行 处 理 单元 之 间 以 及 内 存 和 处 理 器 
之 间 通信 。 这 意味 着 简单 地 增加 ALU、 通 道 或 处 理 内 核 的 数量 无 法 提升 性 能 。 事 实 上 ， 
当 通信 主导 了 运行 时 ， 更 多 的 并 行 性 甚至 会 降低 性 能 。 因 此 我 们 需要 从 根本 上 创新 算法 和 
硬件 架构 ， 或 者 构建 更 加 复杂 的 编译 器 ， 来 获得 更 好 的 抽象 同时 保持 当今 的 性 能 。 

显然 还 存在 采样 统计 和 原始 效率 之 外 的 设计 考虑 。 例 如 ， 如 果 采 样 的 对 象 是 非常 小 的 
三 角形 ,那么 微 多 边 形 或 分 片 光 机 化 似乎 是 较 好 的 绘制 策略 。 然 而 ， 如 果 采 样 的 形状 不 是 
三 角形 或 不 能 方便 地 被 细 分 时 该 怎么 办 ? 简单 的 球面 就 属于 这 种 类 型 。 在 此 情况 下 ， 光 线 
投射 似乎 是 很 好 的 策略 ， 因 为 可 以 简单 地 将 光线 -三 角形 求 交 蔡 换 为 光线 -球面 求 交 。 对 光 
机 化 程序 所 做 的 任何 微小 优化 都 必须 考虑 这 样 一 个 问题 “如 果 绘制 的 是 非 三 角形 形状 ， 而 
不 是 成 干 个 小 三 角形 呢 ?” 在 某 种 程度 上 ， 性 能 估计 中 的 相关 常数 使 得 我 们 更 倾向 于 用 诸 
如 球 和 样 条 曲面 等 更 抽象 模型 ， 而 不 是 很 多 三 角形 。 

当 我 们 不 只 是 考虑 对 空间 可 见 性 的 采样 ， 同 时 还 需要 考虑 对 曝光 时 间 和 镜头 位 置 的 采 
样 时 ， 采 样 的 对 象 将 从 单个 三 角形 变 成 六 维 的 非 多 面体 形状 。 尽 管 最 近 已 经 开发 了 一 些 关 
于 这 些 形 状 的 光栅 化 算法 ， 这 些 算法 显然 比 光线 采样 策略 更 加 复杂 。 我 们 已 经 看 到 ;哪怕 
是 微小 的 改变 ， 例 如 颠倒 两 个 循环 的 嵌 套 顺序 ， 都 可 能 对 算法 产生 显著 的 影响 。 其 中 一 些 
改变 可 用 于 可 见 性 采样 ， 而 且 之 前 不 少 已 被 采用 。 在 开始 构建 一 个 绘制 程序 时 最 好 先 思考 
如 何平 衡 其 性 能 和 代码 的 可 管理 性 、 三 角形 的 数量 和 目标 图 像 大 小 以 及 想 要 的 采样 模式 。 
随后 可 以 先 从 适合 这 些 目标 的 最 简单 的 可 见 性 算法 开始 ， 逐 步 尝试 其 他 的 改变 。 

研究 者 已 提出 了 关于 这 类 算法 的 许多 变化 版 本 并 发 表 在 文献 上 。 这 里 引用 的 只 是 很 少 
一 部 分 。Appel 在 1968 年 提出 了 首 个 重要 的 基于 光线 投射 的 3D 可 见 性 计算 方法 。 近 半 个 
世纪 之 后 ， 新 的 采样 算法 仍 时 常见 诸 于 顶级 出 版 物 上 ， 而 工业 界 则 努力 设计 面向 可 见 性 采 
样 的 新 硬件 。 这 意味 着 最 好 的 策略 仍 有 待 我 们 去 挖掘 ， 所 以 读者 应 该 尝试 做 自己 的 设计 1! 


15. 10 练习 


15.1 将 Image 和 DepthBuffer 的 实现 代码 推广 到 单个 模板 缓冲 区 类 的 不 同 个 例 。 
15.2 利用 7.8.2 节 中 的 方程 扩展 你 的 光线 跟踪 程序 以 支持 球面 求 交 。 注 意 球面 上 并 没有 可 定义 重心 坐 
标 系 或 者 顶点 法 向 量 。 那 你 该 如 何 计算 球面 各 点 的 法 向 量 呢 ? 
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15.4 


SS 


扩展 bary2D 函数 中 所 提 练 的 重心 权重 计算 方法 ， 并 将 它 显 式 列 人 逐 像 素 的 循环 中 。 然 后 提取 其 
中 对 于 行 或 列 取 常 数值 的 表达 式 并 移 到 循环 外 面 。 所 得 代码 的 内 循环 中 应 该 包含 一 个 除法 操作 。 
分 析 15. 6 节 描 述 的 每 一 算法 的 计算 复杂 性 。 根 据 分 析 结 果 ， 说 明 在 什么 样 的 情况 下 应 该 使 用 哪 种 
算法 。 

考虑 “1D 光栅 化 ”问题 ， 即 对 被 一 根 连接 若干 实数 顶点 的 线段 所 覆盖 的 像素 中 心 (例如 位 于 整数 

位 置 ) 的 着 色 问 题 。 

1. 未 覆盖 任何 像素 中 心 的 最 长 线段 是 什么 样 的 ? 画 出 该 线 。 

2. 如 果 我 们 在 光栅 化 时 将 实数 位 置 的 顶点 移入 与 之 最 近 的 整数 位 置 ， 答 案 又 将 如 何 ? (提示 : 超 
过 0. 5 像素 长 度 的 线段 无 法 隐藏 在 两 个 像素 中 心 之 间 。) 

3 如果 我 们 取 具 有 8 位 子 像素 精度 的 定点 数 来 进行 光栅 化 ， 即 在 光栅 化 前 把 各 实数 项 点 按 最 近 距 
离 归并 到 这 些 子 像素 网 格 点 上 ， 这 对 你 的 答案 有 何 影响 ?提示 : 像素 中 心 现 在 间隔 256 个 
单元 。) 

假设 我 们 对 光线 跟踪 的 最 终场 景 做 一 些 变换 : 把 茶壶 向 右 移 动 10cm，( 可 通过 对 每 个 顶点 的 工 坐 

标 加 上 10cm 来 实现 ) 。 我 们 也 可 以 保持 茶壶 的 初始 位 置 不 变 而 将 光线 的 起 点 向 左 移 动 10cm 来 实 

现 同 样 的 效果 。 这 叫 作 坐标 系 /基底 原理 。 现 在 考虑 绘制 具有 不 同位 置 和 朝向 的 1000 个 形状 完全 

相同 的 茶壶 。 其 核心 问题 是 在 不 显 式 存 储 1000 份 茶壶 副本 的 情况 下 如 何 表示 这 个 场景 。 请 描述 如 

何 修改 你 的 光线 跟踪 算法 ， 并 描述 如 何在 这 个 场景 中 进行 跟踪 。( 这 种 思想 叫 作 实例 化 .) 

场景 建 模 的 一 种 方法 是 体 素 构 造 表 示 (Constructive Solid Geometry，CSG) : 构建 如 球 、 实 心 立方 

体 等 的 基本 体 素 ， 然 后 对 它们 进行 变换 并 通过 布尔 运算 来 进行 组 合 。 例 如 ， 可 定义 两 个 单位 球 ， 

一 个 位 于 原点 ， 而 另 一 个 在 (1.7，0，0) 处 。 可 将 它们 的 交 定 义 为 一 个 “透镜 ”， 或 者 让 它们 的 并 

表示 一 个 氨 分 子 。 倘 若 这 些 形状 的 边界 采用 网 格 面 片 来 表示 ， 物 体 的 形状 由 边界 定义 ， 那 么 求 得 

它们 的 交 、 并 或 差 (任何 属于 形状 A 的 部 分 都 不 属于 形状 B) 的 边界 表示 将 是 复杂 而 且 代 价 昂贵 的 。 

对 于 光线 投射 而 言 ， 这 个 问题 就 变 得 简单 了 。 

(a) 假设 光线 RR 与 物体 A 和 B 相交 ,a 和 6 是 R 位 于 它们 体内 的 区 段 ， 则 aU6b 是 R 与 AUB 相交 
的 区 段 ; 证 明 对 物体 A 和 B 的 交 和 差 有 类 似 结论 。 

(b) 假设 场景 的 CSG 表示 用 树 来 描述 ( 边 对 应 变换 ， 叶 结 点 表示 基本 体 素 ， 中 间 结 点 对 应 于 并 、 
交 和 差 等 CSG 操作 ); 描述 光线 与 采用 CSG 树 表示 的 场景 的 求 交 算法 。 注 意 : 尽管 本 练习 中 
提 到 的 思想 非常 简单 ， 第 37 章 提 到 的 包围 盒 层 次 结构 所 带 来 的 性 能 提升 证 明了 这 一 方法 的 优 
势 ， 至 少 对 于 复杂 场景 如 此 。 
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16. 1 引言 


此 ， 你 已 经 了 解 了 应 用 计算 机 图 形 学 生成 图 形 的 核心 思想 。 本 章 将 描述 基于 这 些 思 
想 所 开发 的 各 类 算法 。 它 们 使 程序 员 不 再 困扰 于 计算 机 图 形 硬件 的 细节 ， 有 助 于 程序 的 后 
续 维护 ; 它们 使 应 用 程序 的 开发 人 员 可 以 专注 于 应 用 领域 内 的 特定 问题 ， 而 不 是 将 结果 图 
像 展示 给 用 户 的 方式 。 硬 件 的 发 展 在 一 定 程度 上 导致 了 算法 的 多 样 性 。 我 们 的 综述 将 从 这 
里 开始 。 

在 过 去 40 多 年 里 ， 商 用 CPU 性 能 提升 的 速度 令 人 印象 深刻 ， 但 图 形 硬件 的 改进 更 为 
显著 。20 世纪 60 年 代 后 期 的 向 量 显示 器 与 80 年 代 的 光栅 显示 器 首次 实现 了 商用 的 基于 硬 
件 的 图 形 加 速 技 术 。 该 技术 将 原本 在 中 央 处 理 器 上 运行 的 3D 流水 线 转移 到 外 围 设 备 上 。 
随 着 几何 与 像素 处 理 芯片 的 发 展 ， 绘 制 流水 线 从 软件 实现 转移 至 光栅 图 形 硬件 ， 并 被 集成 
到 诸如 SGI、Evans&.Sutherland 等 高 端 实时 3D 图 形 设备 供应 商 开 发 的 图 形 工作 站 中 ， 而 
Apollo 和 Sun Microsystems 等 在 内 的 工作 站 供应 商 则 提供 了 中 级 水 平 的 光栅 图 形 设备 。 
不 过 ， 这 些 设备 都 很 晶 贵 ， 只 有 科研 机 构 和 企业 才 买 得 起 。 直 到 20 ee 90 年 代 中 期 ， 随 
着 价格 便宜 、 性 能 优异 的 GPU 图 形 卡 出 现 ， 并 为 个 人 计算 机 所 采用 ， 这 一 技术 才 进 入 成 
熟 ， 真正 实 现 商 用 ( 详 见 38 章 )。 

由 于 每 个 品牌 /型 号 的 GPU 都 有 自己 的 指令 集 以 及 接口 ， 因 此 需要 制定 一 套 标准 的 、 与 
硬件 无 关 的 API。 提 供 这 一 重要 抽象 层 的 两 大 主流 API 为 Microsoft 专 有 的 Direct3D s (可 在 
个 人 计算 机 /笔记 本 、 智 能 手机 以 及 诸如 Xbox 360 之 类 的 游戏 设备 上 运行 ) 和 开源 跨 平台 的 
es 

这 些 低 层 平台 旨 在 以 与 硬件 无 关 的 方式 和 最 小 的 资源 代价 提供 对 图 形 硬件 的 访问 ; 
们 是 位 于 图 形 硬 件 驱 动 程序 之 上 的 薄 层 。 一 个 显著 特征 就 是 它们 并 不 保留 场景 ; i 
器 进行 更 新 时 ， 应 用 程序 必须 重新 为 平台 指定 场景 。 作 为 通 向 图 形 硬 件 的 管线 ， 这 些 基于 
立即 模式 (IM) 的 平台 将 与 设备 无 关 的 图 形 指令 和 数据 变换 为 底层 GPU 的 专用 指令 集 。 

作为 一 个 开发 者 ， 你 有 两 个 选择 : 直接 采用 低层 次 的 IM API， 它 可 提供 最 大 程度 的 
控制 ， 使 应 用 程序 更 接近 于 硬件 ; 或 采用 基于 保留 模式 (RM) 可 提供 场景 图 抽象 表示 的 中 
间 件 平台 (如 WPF)。RM 平台 (将 在 16. 4.2 节 中 详细 介绍 ) 提 供 了 自动 优化 性 能 的 机 会 ， 
由 于 它 表 达 复 杂 的 场景 构造 更 为 方便 ， 从 而 简化 了 许多 开发 任务 。 然 而 ， 在 使 用 RM 平台 
的 同时 ， 也 错失 了 潜在 的 性 能 峰值 ， 因 需 等 待 下 一 代 的 中 间 件 版 本 而 无 法 及 时 体验 最 新 的 
硬件 功能 。 一 个 比较 好 的 想法 是 选择 一 个 性 能 指标 符合 实际 应 用 需求 的 高 层 平台 来 编程 ， 
并 采用 有 限量 的 低层 指令 来 支持 那些 实时 性 至 关 重 要 的 特征 。 

需要 注意 的 是 ， 当 GPU 性 能 变 得 越 来 越 强 大 、 服 务 越 来 越 广泛 的 时 候 ， 图 形 硬 件 的 





加 Direct3D 是 名 为 DirectX 的 多 媒体 API 库 的 3D 图 形 部 分 。 在 一 些 与 3D 相关 的 出 版 文献 上 这 两 个 名 词 是 混用 
的 , 但 是 如 果 特 指 3D 功能 模块 最 好 采用 “Direct3D” 或 者 其 缩写 “D3D”。 


364 第 16 章 





架构 也 在 不 断 变化 。GPU 正 快速 赔 变 成 高 度 并 行 处 理 单元 ， 从 而 使 得 商用 图 形 硬 件 也 可 
以 进行 光线 跟踪 ， 并 能 实现 实时 绘制 。 注 意 ， 我们 的 关注 点 是 基于 目前 的 GPU 多 边 形 绘 
制 架构 所 构建 的 平台 。 


16. 1.1 从 固定 功能 流水 线 到 可 编程 的 绘制 流水 线 


在 过 去 的 数 十 年 里 ， 图 形 硬件 与 立即 模式 的 API 相互 影响 ， 共 同 发 展 。 硬 件 上 新 的 特 
性 需要 API 作 相 应 的 扩展 以 便 访问 这 些 新 增 的 特性 。 同 时 ， 在 应 用 开发 中 过 到 的 IM 层 与 
硬件 上 的 瓶颈 和 限制 会 导致 图 形 硬件 的 创新 。 随 着 时 间 的 推移 ， 图 形 硬 件 与 API 的 共同 发 
展 造成 了 IM 层 功 能 模式 的 重大 转变 。 图 16-1 展示 了 在 商用 图 形 硬件 上 最 常见 的 两 个 IM 
平台 的 演化 过 程 。 
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图 16-1 两 大 商用 实时 3D 图 形 平台 的 演化 : OpenGL 和 Direct3D 


16. 1. 1.1 固定 功能 流水 线 时 代 

在 20 世纪 90 年 代 的 早 中 期 ， 基 于 商用 图 形 加 速 硬件 的 固定 功能 (FF) 流 水 线 (与 WPF 
的 类 似 )， 采 用 的 是 工业 标准 的 局 部 光照 和 着 色 模 型 (Phong 或 者 Blinn-Phong 光照 模型 ， 
Gouraud 或 者 Phong 着 色 模 式 )， 以 及 基于 深度 缓存 的 可 见面 判定 方法 (参见 36. 3 节 )。 流 
水 线 中 的 各 模块 可 通过 参数 来 设置 ， 但 是 它们 的 算法 已 经 硬化 ， 用 户 无 法 自行 定义 或 者 替 
换 。 因 此 ， 那 个 时 代 的 IM 平台 关注 的 是 对 固定 功能 流水 线 功 能 的 访问 ， 当 后 面 推出 的 硬 
件 增加 新 的 功能 时 ， 立 即 模式 API 就 会 随 之 提供 对 应 的 访问 接口 。 

16. 1. 1.2 基于 着 色 器 的 扩展 : 混合 流水 线 时 代 

Rob Cook 在 1984 年 的 一 篇 文章 中 提出 了 着 色 器 的 概念 ，Hanrahan 等 将 其 作为 Pixar 
公司 RenderMan 软件 的 一 个 组 成 部 分 开发 实现 。 在 此 后 将 近 20 年 ， 由 于 CG 群体 对 绘制 
过 程 进行 更 高 层次 的 控制 和 对 GPU 功能 更 大 访问 权限 的 迫切 需求 ， 着 色 器 自 2000 年 初 开 
始 迅 速 流 行 .。“ 着 色 器 ”一 词 具有 某 种 误导 性 ， 因 为 望 文生 义 可 能 会 认为 其 功能 仅 限 于 确 
定 表面 的 颜色 。 实 际 上 ， 该 技术 封装 了 绘制 流水 线 的 多 个 阶段 ， 这 一 名 词 实际 上 包含 了 可 
动态 装 人 3D 绘制 流水 线 的 任何 可 编程 模块 。 

多 年 来 ， 由 于 着 色 器 程序 采用 汇编 语言 格式 书写 ， 因 此 呈现 为 一 条 陡峭 的 学 习 曲 线 。 
但 是 ， 在 2003 一 2004 年 间 ， 随 着 诸如 HLSL/Cg( 源 自 Microsoft/NVIDIA 公司 ) 与 GLSL 
(由 OpenGL 架构 评审 委员 会 设计 ， 在 OpenGL 2.0 中 引入 ) 等 高 级 编程 语言 (与 C 语言 类 
似 ) 的 开发 ， 着 色 器 编程 已 不 再 难以 上 手 。 

IM 层 最 初 将 着 色 器 作为 固定 流水 线 的 附加 功能 ， 多 年 来 固定 功能 与 可 编程 功能 一 直 
并 存 。 在 实际 应 用 中 一 般 采 用 固定 流水 线 ， 必 要 时 才 安 装着 色 器 作为 补充 。 例 如 ， 制 作 电 
影 的 动画 工作 室 可 在 执行 昂贵 的 光线 跟踪 绘制 之 前 利用 混合 流水 线 对 场景 进行 实时 测试 ; 
而 采用 着 色 咒 来 实时 绘制 一 些 固定 流水 线 无 法 实现 的 特殊 效果 (如 波光 阁 阁 的 水 面 )。 
16. 1. 1.3 可 编程 流水 线 

正如 所 预期 的 ， 随 着 电影 观众 与 视频 游戏 玩家 对 于 画面 质量 的 期 望 越 来 越 高 ， 应 用 开 
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发 人 员 与 GPU 设计 人 员 竞 相 提 供 “ 酷 炫 效 果 ”， 人 们 对 固定 流水 线 的 依赖 也 越 来 越 低 。 结 
果 , 在 20 世纪 头 十 年 的 中 期 ，OpenGL 和 Direct3D 相继 开启 了 按 弃 固定 流水 线 的 进程 。 
从 OpenGL 3.2 开始 ， 固 定 功 能 接口 已 经 转移 至 OpenGL 的 兼容 配置 文件 中 ， 不 再 作为 
API 的 主体 。 与 此 类 似 ， 从 Direct3D10 开始 ,不 再 提供 固定 功能 流水 线 接口 。 因 此 ， 如 
16. 3 节 所 述 ， 现 代 IM API 更 加 简洁 ,与 图 形 硬 件 相 关 的 入 口 点 更 少 。 


16.2 编程 模型 : OpenGL 兼容 (固定 功能 ) 配 置 文件 


本 节 我 们 将 介绍 在 使 用 固定 功能 IM 平台 过 程 中 所 涉及 的 技术 。 鉴 于 OpenGL 的 操 
作 系 统 与 编程 语言 相互 独立 ， 我 们 采用 它 作为 示范 平台 。 

OpenGL 使 用 客户 端 /服务 器 模式 。 其 中 ， 应 用 程序 相当 于 客户 端 ( 采 用 CPU 作为 其 
处 理 器 ，RAM 作为 存储 ) ， 图 形 硬 件 相 当 于 服务 器 (可 利用 资源 为 GPU 以 及 相关 联 的 高 
性 能 RAM 一 一 用 来 存储 网 格 的 几何 信息 、 纹 理 图 像 等 ) 。 

API 提供 了 一 个 薄 层 ， 将 对 API 的 调用 转化 成 从 客户 端 推 送 到 服务 器 的 指令 。 本 节 ， 
我 们 主要 叙述 固定 功能 API( 现 已 成 为 OpenGL 兼容 配置 文件 的 一 部 分 )。 固 定 功能 IM 平 
台 按 状态 机 的 模式 运行 。 在 大 多 数 情况 下 ， 每 次 API 调用 要 么 设置 一 个 全 局 的 状态 变量 
(例如 当前 颜色 ); 要 么 启动 一 项 操作 ， 基 于 当前 的 全 局 状态 来 决定 下 一 步 应 如 何 做 。 

状态 变量 用 来 保存 与 几何 图 元 放置 /投影 (比如 建 模 变 换 、 相 机 特性 等 ) 以 及 呈现 (比如 
材质 ) 相 关 的 信息 。 还 可 以 通过 设置 或 者 关闭 状态 变量 的 某 些 绘制 功能 (比如 雾 ) 对 图 形 流 
水 线 进行 控制 。 

以 下 伪 代 码 示例 为 基于 状态 机 生成 三 个 2D 图 元 : 


1 SetState (LineStyle, DASHED); 

2 SetState (LineColor, RED); 

3 DrawLine ( PtStart = (xl,y1), PtEnd = (x2,y2) ); // Dashed, red 
4 SetState (LineColor, BLUE); 

5 DrawLine ( PtStart = (x2,y2), PtEnd = (x3,y3) ); // Dashed, blue 
6 SetState (LineStyle, SOLID); 

7 DrawLine ( PtStart = (x3,y3), PtEnd = (x4,y4) ); // Solid, blue 


而 在 类 似 于 WPF 的 面向 对 象 的 系统 中 ， 图 元 是 与 其 属性 绑 定 在 一 起 的 ， 如 以 下 伪 代 
码 所 示 : 


1 BundleDASHR = 

2 AttributeBundle( LineStyle = DASHED, LineColor = RED ); 
3 BundleDASHB = 

4 AttributeBundle( LineStyle = DASHED, LineColor = BLUE ); 
5 BundleSOLIDB = 

6 AttributeBundle( LineStyle = SOLID, LineColor = BLUE ); 
7 DrawLine ( Appearance=BundleDASHR, 

8 


ptstart = (xlryvl}), PtEnd = ‘(x2 v2) js 
9 DrawLine ( Appearance=BundleDASHB, 
10 PtStart = (x27Y2);: PtEnd = (X37Y3) ); 
11 DrawLine ( Appearance=BundleSOLIDB, 
12 PtStart = (x3,y3), PtEnd = (x4,Y4) )7 


为 了 尽 可 能 准确 地 表示 底层 图 形 硬件 ，IM 平台 被 设计 成 状态 机 形式 。 这 样 设计 有 利 
有 弊 。 好 处 是 设计 简洁 、 可 对 下 属 各 模块 实施 控制 等 。 考 虑 以 下 绘制 虚线 三 角形 的 函数 : 


1 function DrawDashedTriangle (Ptl,Pt2,P3) 
> 
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SetState( LineStyle, DASHED ) ， 

DrawLine( PtStart=ptl1l, PtStart=p2 ); 

DrawLine( PtStart=pt2, PtStart=p3 ); 

DrawLine( PtStart=pt3, PtStart=pl ); 
} 


生成 的 三 角形 会 呈现 什么 颜色 呢 ? 由 于 上 面 的 函数 只 设置 了 线条 类 型 ， 并 未 指定 颜 
色 ， 所 以 三 角形 的 颜色 取决 于 流水 线 将 控制 权 转 移 给 函数 时 的 状态 。 这 样 做 当然 有 优点 
(API 调用 者 可 以 控制 下 属 函 数 的 行为 ， 而 由 于 可 控 ， 下 属 函 数 能 够 生成 不 同 的 颜色 ); 但 
也 有 不 利之 处 : 未 能 完整 定义 函数 所 能 生成 的 效果 ， 当 生成 异常 结果 时 ， 需 要 通过 指令 流 
人 导致 调试 困难 。 

注意 ， 这 种 行为 的 不 确定 性 是 双向 的 ， 因 为 下 属 函数 的 设置 未 被 隔离 ， 很 可 能 在 不 经 

意 间 产 生 副 作用 ， 从 而 背离 调用 者 的 意图 。 例 如 ，DrawDashedTriangle 在 函数 里 改变 
了 线 型 状态 变量 的 值 ， 这 可 能 会 影响 到 调用 者 的 行为 以 及 后 续 执 行 的 逻辑 。 这 个 影响 将 会 
一 直 持 续 下 去 ， 直 至 下 一 次 显 式 设 置 线 型 状态 变量 时 为 止 。 为 了 避免 这 种 副作用 ， 凡 是 修 
改 了 状态 变量 的 函数 在 返回 之 前 必须 恢复 原 有 的 状态 变量 ， 如 下 面 的 伪 代 码 所 示 : 


~ un 上 上 吓 


1 function DrawDashedTriangle (Ptl,Pt2,P3) 
| 

3 PushAttributeState(); 

4 SetState( LineStyle, DASHED ); 

3 

6 

7 


PopAttributesState (); 
l 


显然 ， 除 非 按 此 约定 来 编写 程序 以 减少 或 消除 副作用 ， 否 则 基于 这 种 状态 机 平台 的 应 
用 程序 难免 会 出 现 异常 行为 而 且 难 以 调试 。 所 以 说 编程 规则 是 很 重要 的 。 


16. 2. 1 OpenGL 程序 结构 


一 个 典型 的 OpenGL 应 用 程序 的 main 函数 一 般 始 于 对 流水 线 的 初始 化 ， 然 后 指定 视 
窗 ( 与 WPF 类 似 ， 视 窗 指 输出 设备 上 用 来 显示 所 绘制 场景 的 矩形 区 域 ) 在 屏幕 或 窗口 内 的 
位 置 ， 设 置 相机 与 光照 特性 ， 导 入 或 者 直接 计算 景物 的 表面 网 格 与 纹理 ， 设 置 事件 处 理 
器 ， 最 后 将 控制 权 转 交 给 事件 查询 循环 (在 该 循环 中 ， 应 用 程序 的 作用 仅 限 于 对 事件 做 出 
响应 ) 
OpenGL 本 身 是 与 窗口 系统 无 关 的 ， 因 此 没有 创建 、 管 理 窗口 或 者 处 理事 件 的 相关 模块 。 
应 用 程序 开发 人 员 可 以 通过 第 三 方 库 调 用 这 些 与 操作 系统 高 度 关 联 的 技术 。 在 众多 的 第 三 方 
库 之 中 ， 我 们 选择 在 OpenGL 开发 中 已 流行 数 十 年 的 GLUT(OpengGL Utility Toolkit ) 库 来 编 
制 示例 程序 。 此 外 ， 我 们 采用 GLU(OpenGL Utility) 库 作为 矩阵 运算 工具 。 
GLUT 支持 多 种 事件 类 型 ， 以 下 为 其 中 最 为 基础 的 事件 。 
e 显示 : 当 需 要 呈现 生成 的 初始 图 像 ( 即 当 控 制 权 转移 给 GLUT 的 事件 查询 主 循环 
时 ) 或 者 视窗 显示 内 容 需 要 刷新 (例如 ， 需 要 执行 1. 11 节 描 述 的 “损坏 修复 ”) 时 ， 
GLUT 将 调用 已 注册 的 显示 事件 处 理 器 。 
e 鼠标 /键盘 等 : 当 用 户 试图 通过 鼠标 或 者 键盘 之 类 的 输入 设备 与 应 用 程序 进行 交互 
时 ，GLUT 将 调用 已 注册 的 交互 事件 处 理 器 通知 应 用 程序 。 
e 空闲 : 为 了 使 图 形 系 统 能 以 尽 可 能 快 的 速度 连续 绘制 新 的 帧 ， 应 用 程序 可 注册 一 
“idle” 事 件 处 理 器 。 当 图 形 流 水 线 处 于 空闲 状态 、 等 竺 新 指令 时 ， 村人 
理 器 。 此 项 技术 对 于 诸如 查询 外 部 实体 和 执行 耗 时 的 操作 也 是 非常 有 用 的 。 
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16.2.2 初始 化 和 主 循环 


图 16-2 展示 的 是 一 个 典型 的 OpenGL 应 用 程序 高 层 模块 调用 图 的 结构 。 其 中 ， 黄 色 
框 表示 应 用 程序 中 的 模块 ， 灰 色 框 表示 OpenGL 及 相关 辅助 工具 包 提 供 的 函数 。 接 下 来 我 
们 将 详细 介绍 此 调用 图 。 





图 16-2 简单 OpenGL 应 用 程序 的 结构 


OpenGL 库 与 多 种 编程 语言 兼容 ， 在 本 次 讨论 中 ， 我们 将 采用 C/C++ 语言 进行 演示 。 
我 们 程序 的 main () 函数 都 以 调用 glutInit 开始 ， 运 用 GLUT 执行 一 系列 初始 化 操作 : 

1 int main( int argec, Chary» argw ) 

过 二 

3 glutInit( garge,y argv ); // Boilerplate initialization 

接 下 来 ， 我 们 设置 颜色 支持 和 深度 缓存 (也 称 为 Zbuffering， 用 于 隐藏 面 消除 ， 在 第 
36 章 中 有 详细 说 明 ): 


glutInitDisplayMode( GLUT_RGB | GLUT_DEPTH ); 


， 我 们 接连 调用 三 个 GLUT 函数 创建 应 用 程序 的 窗口 。 前 两 个 孔 数 分 别 用 于 指 
ee 


// Specify window position (from top corner) 
glutInitWindowPosition( 50, S50 ); 

// Specify window size in pixels (width, height) 
glutIinitWindowSize( 640, 480 ); 

// Create window and specify its title 
glutCreateWindow( "OpenGL Example" );} 


执行 结果 是 一 个 客户 区 ( 见 2. 2 节 ) 大 小 与 位 置 被 指定 的 窗口 。 应 用 程序 可 以 将 客户 区 
细 分 为 多 个 不 同 区 域 ， 如 用 户 界 面 的 控件 区 域 等 。 在 下 面 对 glViewport 的 调用 中 ， 我 
们 将 整个 客户 区 用 作 3D 场景 的 视窗 : 


小 愉 卢 册 明 一 


1 glViewport ( 
六 /* lower-left corner of the viewport */ V7 0 
各 /* width, height of the viewport */ 640, 480 ); 


OpenGL 可 生成 一 系列 的 绘制 效果 ， 通 过 调用 下 面 代 码 中 的 函数 ， 每 一 个 三 角 面 片 的 
正面 将 采用 Gouraud 平滑 着 色 方 法 填充 颜色 。( 此 外 ， WO 
线 划 图 。) 


1 // Specify Gouraud shading 
这 glShadeModel( GL_SMOOTH ) 
3 





4 // Specify solid (not wireframe) rendering 
5 glPolygonMode( GL_FRONT, GL_FILL ); 


初始 化 继续 调用 初始 化 例 行 程序 。 我 们 将 在 稍 后 解释 这 些 例 程 : 


1 setupCamera(); 
4 setupLighting(); 


main 困 数 现 已 接近 末尾 但 仍 未 绘制 任何 图 形 。 这 时 ， 需 要 为 应 用 程序 注册 一 个 显示 
事件 处 理 器 ， 以 确保 GLUT 知道 如 何 开启 初始 图 像 的 生成 过 程 。 


1 glutDisplayF une'( 


2 drawEntireScene // the name of our display-event handler 
3 ); 


main 也 数 的 最 后 一 步 是 将 控制 权 转 移 给 GLUT : 


// Start the main loop. 


1 

2 // Pass control to GLUT for the remainder of execution. 

和 glutMainLoop(); // This function call does not return! 

4 |} 

GLUT 一 旦 获得 控制 权 ， 将 调用 已 注册 的 显示 函数 来 启 序 首 帧 画面 的 绘制 过 程 。 


16.2.3 光照 与 材质 


OpenGL 的 固定 功能 光照 /材质 模型 与 第 6 章 描述 的 WPF 有 所 不 同 ， 但 是 其 中 一 个 系 
统 能 够 生成 的 效果 很 容易 在 另 一 个 系统 中 模拟 重 现 。 由 于 它们 之 间 的 相似 性 ， 我 们 省 略 这 
一 部 分 代码 (本 章 的 网 上 材料 里 包含 了 该 部 分 的 代码 ) 。 


16.2.4 几何 处 理 


OpenGL 固定 功能 绘制 流水 线 的 简 图 如 图 16-3 所 示 。 如 果 读 者 对 图 中 某 些 术语 ( 例 
如 “ 片 元 ”) 不 熟悉 ， 可 参阅 1. 6. 2 节 。 在 固定 功能 绘制 流水 线 中 ， 应 用 程序 的 焦点 在 于 配 
置 模块 和 向 顶点 处 理 阶段 提供 数据 ， 这 从 表示 应 用 程序 输入 的 两 个 方 框 所 在 的 位 置 以 及 其 
靠近 流水 线 前 端的 多 项 内 容 可 以 看 出 。 流 水 线 的 余下 部 分 ， 包括 光栅 化 、 片 元 操作 (处 于 
流水 线 未 端 ) 等 ， 则 通过 由 一 系列 配置 参数 控制 的 算法 硬件 完成 。 

每 个 3D 图 形 系统 都 包括 如 下 的 几何 处 理 过 程 (参见 1.6 节 ): 依次 将 几何 数据 (例如 网 
格 项 点 ) 从 景物 坐标 系 (在 OpenGL 里 称 为 “对 象 坐标 ”变换 到 场景 坐标 系 ， 然 后 到 相机 坐 
标 系 ( 即 图 1-15 所 示 OpenGL 的 “视点 坐标 系 ” 或 “观察 者 空间 ?) ， 最 后 到 物理 “设备 ” 
坐标 系 。 

如 第 7 章 和 第 11 章 所 述 ， 坐 标 系统 变换 是 通过 和 矩阵 运算 实现 的 。 这 些 和 矩阵 由 应 用 程 
序 基 于 IMAPI 提供 的 抽象 层 建立 。 接 下 来 我 们 介绍 OpenGL 固定 功能 抽象 屋 。IM 平台 对 
矩阵 进行 必要 的 操作 以 便 其 传输 到 GPU。GPU 则 对 和 矩阵 实施 进一步 操作 ， 以 提升 计算 速 
度 ， 而 且 它 必须 延伸 到 流水 线 层 面 来 生成 物理 /屏幕 像素 坐标 。 在 这 里 ， 我 们 只 关注 IM 
级 的 抽象 层 。 

在 固定 功能 OpenGL 中 ， 几 何 处 理 包 括 图 16-4 所 示 的 多 个 步骤 ， 由 被 称 为 变换 流水 
线 的 模块 执行 。 





日 ” 简 图 中 忽略 了 如 位 图 、 图 像 、 纹 理 设置 以 及 帧 缓存 访问 等 像素 数据 与 操作 。 


实时 3D 图 形 平 台 综 述 369 





SS CS En 


天 杰 a 


| 
} 








图 16-3 OpenGL 固定 功能 流水 线 的 基本 模块 简 图 
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图 164 ”OpenGL 的 几何 处 理 流水 线 : 将 原始 模型 的 每 一 个 3D 顶点 变换 到 2D 
显示 设备 上 的 相应 位 置 所 涉及 的 坐标 系统 





建 模 阶段 (modeling stage) 将 模型 各 个 构件 的 坐标 从 各 自 的 局 部 坐标 系 变换 到 统一 的 
场景 坐标 系 。 在 16. 2. 9 节 的 在 线材 料 中 ， 我 们 介绍 了 在 建 模 阶 段 如 何 实现 层次 建 模 。 然 
后 ， 取 景 阶段 (viewing stage) 将 场景 坐标 变换 为 视点 坐标 ， 此 后 相机 被 置 于 原点 ， 其 朝向 
按照 1. 8. 1 节 所 述 规范 化 方式 设置 。 

下 一 步 ， 投 影 阶段 (projection stage) 将 视 域 体 的 外 形 和 尺寸 按照 第 13 章 所 述 的 标准 透 
视 视 域 体 的 OpenGL 版 本 进行 规范 化 ， 将 视点 坐标 变换 为 3D 裁剪 坐标 。 变 换 流水 线 还 包 
括 两 个 阶段 ， 它 们 最 终生 成 可 传送 给 光栅 化 模块 的 视窗 坐标 。 

在 OpenGL 中 ， 流 水 线 的 前 三 个 阶段 是 由 应 用 程序 通过 两 个 分 别名 为 Mvoveiview 与 
Mproecriox 和 矩阵 控制 的 。 

其 中 ，MODELVIEW 和 矩阵 处 理 前 两 个 阶段 ; 应 用 程序 按照 以 下 公式 设置 该 矩阵 (利用 
下 一 小 节 所 述 的 工具 ): 

MuopeLview —= Miew * Minoaa 
两 个 矩阵 组 合 的 次 序 确 保 先 对 输入 顶点 (V) 执 行 建 模 变换 然后 再 实施 视点 变换 : 
MopELviEweV = Mew Moaa eV 

应 用 程序 在 设置 PROJECTION 和 矩阵 时 (还 是 使 用 随后 介绍 的 工具 )， 可 使 其 分 别 对 应 
于 透视 投影 视 域 体 或 者 平行 投影 视 域 体 ， 并 实施 相应 的 投影 变换 。 

OpenGL 的 设计 者 之 所 以 将 建 模 阶段 和 取景 阶段 组 合 在 一 起 而 另 设 投影 阶段 是 因为 在 
整个 场景 甚至 应 用 程序 的 整个 生命 周期 里 ， 相 机 视 域 体 ( 由 Meaocrox 定 义 ) 是 固定 不 变 的 。 
但 相机 的 位 置 和 朝向 (Mi ) 是 可 动态 改变 的 ， 即 使 不 比 场景 里 景物 变化 大 ， 至 少 也 是 相当 
的 。OpenGL 的 设计 将 视 域 体 的 外 形 / 投 影 设置 与 相机 的 位 置 /朝向 设置 分 开 ， 从 而 可 以 自 
然 地 将 它们 放置 在 程序 结构 /流程 的 不 同 部 分 。 通 常 ， 投 影 和 矩阵 的 设置 可 列 入 初始 化 操作 
中 ， 而 取景 变换 矩阵 在 计算 动画 的 每 一 帧 时 都 需要 重新 设置 (通常 在 构建 下 一 帧 画面 中 的 
场景 之 前 完成 ) 。 


16.2.5 相机 设置 


如 上 所 述 ， 相 机 设置 分 为 取景 矩阵 设置 与 投影 矩阵 设置 。 

为 了 支持 对 后 者 的 设置 ，GLU 提供 了 gluPerspective 函数 ， 用 于 计算 常见 的 对 称 
视 域 锥 的 透视 投影 矩阵 。 

举 个 例子 ， 为 了 设置 与 我 们 先前 在 6. 2 节 中 设 定 的 金字 塔 场景 相 匹 配 的 投影 矩阵 ， 我 
们 需要 执行 以 下 指令 序列 (通常 作为 初始 化 操作 的 一 部 分 ) : 

1 // Prepare to specify the PROJECTION matrix. 


glMatrixMode( GL_PROJECTION ); 


此 

3 

4 // Reset the PROJ matrix to ignore any previous value. 
5 glLoadIdentity(); 
6 
学 
8 


// Generate a perspective-Proj matrix, 
// append the result to the PROJ matrix. 
9 gluPerspectivel 45, // y-axis field of view 


10 (640.0/480.0), // ratio of FOV(x) to FOV (y) 
1 0.02, // distance to near clip plane 
12 1000 );// distance to far clip plane 


注意 ， 每 个 OpenGL 或 者 GLU 的 和 矩阵 计算 函数 都 执行 两 项 操作 : 1) 针对 给 定 参 数 ， 
计算 出 相应 的 矩阵; 2) 通过 和 矩阵 乘法 将 它 “ 合 并 ”到 目标 矩阵 的 当前 值 上 。 这 也 说 明了 
为 什么 glLoadIdentity 这 么 重要 ; 如 果 没 有 该 函数 ， 那 么 计算 得 到 的 透视 矩阵 将 会 并 





入 投影 矩阵 的 当前 值 而 不 是 取代 它 。 

现在 ， 让 我 们 来 建立 取景 变换 ， 这 通常 是 绘制 每 一 帧 动画 之 前 所 做 准备 工作 中 的 第 一 
项 。 我 们 介绍 如 何 采用 GLU 的 函数 来 指定 相机 的 位 置 与 朝向 ， 需 提供 的 参数 与 在 WPF 
中 设置 相机 时 相同 : 
// Prepare to specify the MODELVIEW matrix. 


glMatrixMode( GL MODELVIEW ); 
glLoadIdentity(); 


// Generate a viewing matrix and append result 

// to the MODELVIEW matrix. 

gluLookAt ( 57,41,247, /* camera position in world coordinates */ 
Dd, /* the point at which camera is aimed */ 
ps /* the "up vector" */ 


Do 了 了 了 nm 上 mmDPD 一 


16. 2.6 绘制 图 元 


OpenGL 提供 包括 第 14 章 所 述 的 高 效 三 角形 条 带 与 三 角形 扇 等 技术 在 内 的 多 种 网 格 
描述 策略 。 

应 用 程序 需 通过 三 角形 细 分 将 曲面 表示 成 网 格 面 ， 此 外 还 需 提供 每 个 顶点 的 法 向 。 因 
为 复杂 模型 通常 源 于 数学 计算 (此 时 顶点 的 法 向 很 容易 通过 公式 导出 ),， 或 直接 由 外 部 导 和 人 
(一 般 已 包含 预计 算 的 法 向 )， 所 以 以 上 要 求 不 难 满足 。 

将 网 格 数据 传输 到 平台 有 多 种 策略 ,包括 如 何 管理 和 使 用 GPU 硬件 RAM (例如 
15.7. 2 节 所 述 的 顶点 缓存 或 者 VBO)， 应 用 程序 可 选择 其 中 一 种 。 在 这 个 例子 中 ， 为 简单 
起 见 ， 我 们 选择 兼容 配置 文件 中 的 逐 顶 点 函数 调用 ， 尽管 低 效 ( 已 不 再 包含 在 核心 API 内 ) 
但 它们 在 演示 程序 及 “hello world” 程 序 中 很 流行 。 基 于 这 一 策略 ， 我 们 设置 当前 材质 并 
初始 化 网 格 描 述 ， 然 后 一 次 枚 举 一 个 顶点 (交错 地 插入 current-vertex-normal 状态 变量 )， 
最 后 结束 网 格 的 定义 ， 如 下 面 代码 所 示 。 下 面 我 们 具体 定义 在 6. 2 节 中 构建 过 的 纯 黄 色 金 
字 塔 。 


// Specify the material before specifying primitives. 
GLfiLloatb Velbowll] 开拓 下 V0F LE 
glMaterialfv( GL_ FRONT, GL_ AMBIENT, yellow ); 
glMaterialfv( GL FRONT, GL_ DIFFUSE, yellow ); 


glBegin( GL_ TRIANGLES ); 


The platform is now in a mode in which each trio of calls to 
glVertex3f adds one triangle to the mesh. 


‘O00NOMMADWD5- 


11 // Set the current normal vector for the next three vertices. 
12 // Send normalized (unit-length) normal vectors. 
13 glNMormal3Et ce- D3 


15 // Specify the first face’s three vertices. 

16 // Specify vertices of the front side of the face 
17 // in counter-clockwise order, thus explicitly 

18 // identifying which side is front versus back. 
19 glVertex3f( WE Ry aR Ys 

20 GIVertexStt =50.B UGE SOE V3 

2 glVertexSEt SUB; VE SN.£ > 


22 

23 // Set the current normal Vector for the next three vertices 
24. TINGEMmaLSE! aa Ys 

25 


6 glVertexdft QE; T7557:Es 0.f ); // Specify three vertices 
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21 glVvetterdeE( S07 OE ‘0.E J: 

28 glVerterx3E( 50; OuE; S80;E Ys 

29 

30 ... ana so on for the next two faces ... 
3 

32 glEnd(); // Exit the mesh-specification mode 
33 


34 The mesh is now queued for rendering. 


16.2.7 组 装 : 静态 帧 


WPF 会 自动 更 新 显示 内 容 来 呈现 场景 图 的 当前 状态 ， 与 之 相 比 ， 在 立即 模式 中 ， 显 
示 更 新 的 任务 是 由 应 用 程序 自行 负责 的 。 我 们 先 看 静态 画面 生成 程序 ， 然 后 再 添加 动态 
效果 。 

倘若 程序 只 需 生 成 单 张 静态 图 像 ， 只 需 针 对 下 面 情形 执行 绘制 任务 : 

e 初始 化 时 生成 首 帧 图 像 。 

e 当 窗 口 管理 器 向 GLUT 发 送 消息 表明 图 像 已 被 破坏 需要 进行 修复 时 (例如 当 与 

OpenGL 窗口 的 部 分 区 域 重 树 的 另 一 窗口 被 关闭 ) 。 
在 这 种 情况 下 ， 显 示 函 数 通常 如 下 所 示 : 


1 void arawEntireScene () 

2 

3 Set up projection transform, as shown above. 

4 Set up viewing transform, as shown above. 

和 Draw the scene, via an ordered sequence of actions, such as: 
6 Set the material state. 

7 Specify primitive. 

8 


10 // Final action: force display of the newly-generated image 
11 glFlush(); 
12 '} 


16.2.8 组 装 : 动态 效果 

我 们 现在 对 脚本 进行 扩展 使 之 包含 动态 效果 : 让 简单 金字 塔 模型 绕 着 y 轴 旋 转 ， 就 像 
被 放 在 了 一 个 不 可 见 的 转盘 上 一 样 。 在 第 6 章 曾 用 实验 软件 里 的 这 项 可 视 化 技术 来 演示 有 
向 光源 的 光照 效果 。 

在 一 个 面向 对 象 的 系统 里 ， 场 景 层 次 结构 里 的 每 个 结 点 都 可 关联 一 个 变换 。 因 此 ， 可 
以 给 金字 塔 图 元 关联 一 个 旋转 变换 ， 并 且 分 配 一 个 动态 修改 旋转 角度 的 Animator 元 素 ， 
即 可 实现 动画 效果 。 该 技术 与 第 2 章 所 用 的 时 钟 旋 转 技术 相同 。 

在 立即 模式 的 平台 上 ， 可 直接 操纵 MODELVIEW 和 矩阵 来 进行 建 模 。 我 们 已 经 了 解 如 何 
基于 取景 变换 对 MODELVIEW 和 矩阵 实施 初始 化 。 为 了 达到 动态 旋转 的 效果 ， 需 要 稍微 调整 
一 下 场景 生成 函数 : 在 对 场景 进行 绘制 之 前 在 MODELVIEW 和 矩 阵 上 关联 一 个 旋转 变换 。 

本 章 的 在 线材 料 详细 叙述 了 这 项 技术 ， 并且 提供 了 源 代码 例子 。 


16. 2.9 层次 建 模 
之 前 我 们 曾 介绍 过 两 个 构建 场景 层次 模型 的 例子 : 第 2 章 的 2D 时 钟 和 6.6 节 的 3D 骆 


驼 。 在 这 些 例子 中 ， 我 们 学 会 了 如 何 基于 WPF 一 类 的 保留 模式 平台 来 创建 一 个 场景 : 应 
用 程序 通过 建立 构件 结 点 的 层次 结构 来 创建 场景 (每 个 结 点 上 关联 一 个 实例 变换 以 指定 相 


实时 3D 图形 平台 综述 373 





关 构 件 的 初始 位 置 )， 通 过 调整 关联 在 结 点 上 的 复合 变换 的 值 来 实现 场景 动画 效果 。 因 为 
场景 图 的 结构 准确 反映 了 该 场景 的 实际 结构 ， 这 无 疑 是 一 种 很 直观 的 实现 方式 。 
现 重新 回顾 图 6-41 所 示 骆 驼 的 层次 结构 。 如 果 采 用 立即 模式 平台 ， 该 如 何 建立 这 个 
模型 呢 ? 
我 们 面临 两 个 方面 的 挑战 : 
e IM 平台 没有 存储 模型 的 设施 ， 应 用 程序 应 负责 构建 模型 层次 结构 的 数据 结构 、 计 
算 用 来 控制 构件 位 置 与 朝向 的 所 有 变换 的 值 ， 并 予以 存储 。 
e 10. 11 节 描 述 了 图 遍历 和 矩阵 堆栈 技术 ， 以 计算 用 于 确定 层次 结构 中 叶 结 点 位 置 与 
朝向 的 复合 变换 矩阵 。 当 使 用 保留 模式 平台 时 ， 平 台 会 自动 执行 这 些 计算 ;而 使 用 
IM 平台 时 ， 这 些 负担 都 落 在 应 用 程序 上 。 
有 两 种 方法 可 以 使 之 满足 模型 表示 的 需求 : 
e 创建 一 个 定制 的 场景 图 模块 ， 该 模块 复制 典型 RM 层 ( 参 见 16.4 节 ) 所 有 的 存储 功 
能 (例如 构件 层次 图 、 变 换 值 数 据 ) 和 处 理 功能 CIM 指令 的 遍历 和 生成 ) 。 
@ 为 每 一 类 型 的 结 点 (组 合 结 点 或 者 基本 结 点 ) 各 写 一 个 函数 ， 通 过 高 层 结 点 函数 调用 
低层 结 点 函数 ， 采 用 程序 调用 的 层次 结构 来 表示 模型 的 结构 。 
在 本 章 的 在 线材 料 中 ， 我 们 详细 介绍 了 后 一 方法 及 其 完整 可 运行 例子 的 源 代 码 。 


16. 2. 10 拾取 关联 


RM 平台 的 优点 之 一 是 支持 拾取 关联 (判断 一 个 图 元 是 否 为 用 户 点 击 鼠 标 或 操作 其 他 
类 似 设备 的 目标 )。 例 如 ，WPF 会 将 2D 视窗 中 给 定 拾取 点 的 坐标 转化 为 从 场景 图 的 根 结 
点 到 相关 叶 结 点 的 拾取 路 径 。 

当然 ， 由 于 IM 平台 不 保存 场景 ， 所 以 无 法 自动 实现 该 功能 。 因 此 ，IM 应 用 常常 利 
用 定制 的 关联 逻辑 ， 在 遍历 应 用 程序 的 场景 数据 时 采用 诸如 光线 投射 (第 15 章 ) 之 类 的 算 
法 来 进行 关联 。OpenGL 则 提供 了 另 一 种 技术 ， 即 利用 名 称 堆栈 自动 实现 层次 结构 的 关联 
拾取 。 本 章 的 在 线材 料 中 介绍 了 该 技术 。 


16.3 编程 模型 : OpenGL 可 编程 流水 线 


在 本 质 上 讲 ， 实 时 图 形 生 成 离 不 开光 照 、 网 格 、 材 质 、 取 景 变换 和 建 模 变换 等 。 从 固 
定 功能 流水 线 进 化 到 可 编程 流水 线 并 没有 改变 这 一 本 质 。 但 是 ， 这 些 操作 在 应 用 程序 源 代 
码 中 的 位 置 却 被 转移 到 由 着 色 天 语言 编写 的 程序 中 ， 并 安装 在 GPU 中 。 有 关 细 节 可 参阅 
第 33 章 。 


16.3.1 可 编程 流水 线 的 抽象 


我 们 在 接 下 来 的 篇 幅 里 将 介绍 可 编程 流水 线 的 抽象 流程 图 ， 如 图 16-5 所 示 。 为 了 保 
持 流 程 图 的 简洁 ， 我 们 只 显示 了 顶点 着 色 右 与 片 元 着 色 右 ， 而 略 去 了 纹理 数据 /操作 以 及 
反馈 循环 。 虽然 我 们 在 图 中 使 用 的 是 OpenGL 术语 , 但 是 该 图 同样 适用 于 Direct3D。 

如 果 觉 得 这 张 图 似乎 有 点 不 完整 ， 那 么 你 的 判断 是 对 的 。 光 照 、 材 质 与 相机 在 什么 位 
置 呢 ? 它们 都 在 ， 只 不 过 是 以 “精神 ”的 形式 : 位 于 与 输入 相关 的 空 方 框 和 两 个 着 色 器 方 





加 在 这 里 ， 我 们 关注 的 是 只 包含 生成 目标 图 像 所 需 的 几何 数据 的 模型 。 但 是 真实 世界 中 的 应 用 关注 的 是 “应 
用 模型 ”， 其 中 包含 有 图 形 和 非 图 形 等 诸多 类 型 的 数据 (参见 16. 4 节 )。 
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框 中 。 如 果 说 固定 功能 流水 线 是 一 个 可 调配 组 装 的 器 具 ， 那么 可 编程 流水 线 就 是 一 台 计 算 
机 ， 在 其 上 可 以 装 入 自己 构建 的 应 用 程序 。 我 们 首先 在 不 涉及 具体 应 用 程序 的 情况 下 了 解 
流水 线 的 语义 ， 然 后 再 考察 加 载 了 实际 程序 后 流水 线 会 呈现 出 怎样 的 形态 。 






1 变换 后 的 项 点 曾 
裁剪 坐标 


输出 
一 一 一 > 
如 果 对 项 点 
相关 值 进 行 
插值 是 可 接受 
的 ， 则 可 认为 
所 得 采样 值 是 
“平滑 ”的 


和 
i 





图 16-5 ” OpenGL 可 编程 流水 线 基 本 模块 简 图 


应 用 程序 通过 流水 线 成 批 地 发 来 顶点， 每 一 批 顶点 表示 一 个 网 格 ， 该 网 格 上 的 所 有 项 
点 具有 一 些 共同 的 属性 (如 材质 、 光 照 等 )。 顶 点 着 色 器 是 一 个 函数 ， 它 以 顶点 及 关联 于 该 
顶点 的 属性 (例如 顶点 法 向 或 其 纹理 坐标 ) 作 为 输入 ， 网 格 中 的 每 个 项 点 都 要 调用 一 次 着 色 
器 。 顶 点 着 色 器 可 以 访问 为 每 一 批 顶 点 共享 的 每 一 个 “常数 ”变量 (例如 相机 特性 ) 。 

顶点 着 色 器 所 执行 的 任务 取决 于 程序 员 。 它 的 输出 至 少 包含 已 转换 为 裁剪 坐标 的 顶点 
(也 就 是 已 经 经 过 了 建 模 、 取 景 与 投影 变换 ) ， 还 可 能 包含 一 些 “跟随 ”当前 顶点 进入 流水 
线 下 一 阶段 的 其 他 数据 值 。 一 般 来 说 ， 顶 点 颜色 值 是 输出 值 之 一 ,但 输出 值 的 数量 或 语义 
并 无 限制 。 每 个 输出 一 般 都 标记 为 “smooth”， 用 来 告知 流水 线 中 的 光栅 化 阶段 采用 插值 
方式 计算 顶点 之 间 的 像素 的 相应 值 ( 另 一 标记 为 “flat”， 意 味 着 取消 该 插值 功能 ) 。 

位 于 顶点 着 色 器 与 片 元 着 色 器 之 间 的 是 一 段 由 数 个 模块 ?组 成 的 迷你 流水 线 ( 如 图 16-5 
中 位 于 两 者 之 间 的 单一 方 框 所 示 )。 这 些 模块 协同 将 变换 流水 线 的 结果 转换 为 窗口 坐标 、 
对 视 域 体 进行 裁剪 /剔除 、 光 栅 化 并 输出 一 系列 的 片 元 。 

每 个 片 元 都 要 调用 片 元 着 色 器 (等 同 于 Direct3D 中 的 “像素 着 色 器 ”) 一 次 ， 其 输入 包 
括 片 元 的 位 置 (窗口 坐标 ) 以 及 由 顶点 着 色 器 插值 得 到 的 属性 值 。 在 一 些 简单 的 例子 中 ， 片 





加 ”在 某 些 硬件 平台 ， 流 水 线 的 这 个 部 分 也 是 可 编程 的 。 针 对 该 部 分 的 着 色 器 是 被 称 为 “几何 着 色 器 ”的 第 三 
种 着 色 器 。 





元 着 色 器 除了 将 颜色 值 原封 不 动 地 传递 给 下 一 阶段 外 不 做 任何 处 理 。 但 是 片 元 着 色 右 对 光 
照 计算 来 说 很 重要 ， 这 是 因为 采用 简单 的 线性 插值 有 时 并 不 够 。 而 且 ， 它 有 助 于 实现 一 些 
诸如 模糊 之 类 的 特殊 效果 。 

与 OpenGL FF 流水 线 类 似 ， 在 可 编程 流水 线 的 末端 是 逐个 片 元 操作 模块 。 


16. 3.2 核心 API 的 本 性 


OpenGL 的 核心 API 只 保留 了 一 部 分 可 支持 FF 流水 线 的 入 口 点 。 用 于 设置 和 传输 纹 
理 与 网 格 的 方法 没有 明显 的 改变 ,流水线 末 端的 行为 ， 像 混合 与 双 缓 存 等 ， 也 是 类 似 的 。 
但 是 所 有 其 他 信息 与 操作 现 位 于 变量 统一 、 具 有 属性 的 着 色 器 代码 中 。 精 简 后 的 OpenGL 
核心 API 主要 与 以 下 类 型 的 行为 有 关 : 
缓存 对 象 管理 一 一 控制 存储 在 GPU 上 的 数据 ， 包括 存 储 的 分 配 / 释 放 和 数据 传输 ; 
绘制 命令 一 一 发 送 网 格 到 流水 线 ; 

着 色 器 程序 管理 下 载 、 编 译 、 激 活 和 设置 统一 变量 和 属性 ; 

纹理 管理 一 一 设置 与 管理 顶点 着 色 器 和 片 元 着 色 器 需要 用 的 纹理 数据 结构 ; 
逐 片 元 操作 控制 流水 线 末 端的 逐 片 元 操作 (诸如 混合 和 抖动 ) ; 
直接 访问 帧 缓存 一 一 像素 层次 的 读 / 写 访问 。 


16.4 图形 应 用 程序 的 架构 


我 们 现在 讨论 一 个 典型 图 形 应 用 的 通用 结构 、 对 这 个 结构 某 些 部 分 进行 加 速 的 方法 ， 
以 及 可 以 减轻 应 用 程序 设计 者 工作 负担 的 各 类 软件 。 








16.4.1 应 用 程序 模型 


一 个 典型 的 3D 应 用 程序 包括 一 个 应 用 程序 模型 (AM) 一 一 驻 留 在 数据 库 或 者 数据 结 
构 中 的 一 系列 数据 。 应 用 模型 的 内 涵 并 不 仅仅 是 一 幅 生 成 的 图 像 ， 图 像 只 是 AM 的 一 个 可 
能 的 展示 方式 。 

在 WPF 版 2D 时 钟 的 应 用 程序 里 ，AM 包含 的 仅仅 是 当前 时 刻 。 但 可 对 它 进行 扩展 ， 
使 之 包括 与 闹钟 相关 的 数据 (日 期 、 曾 铃 的 选择 、“ 贪 睡 控制 ”等 ) 或 显示 多 个 时 区 。 注 意 ， 
AM 无 需 包 含 任何 内 在 的 几何 数据 。 例 如 ， 当 日 时 间 就 不 涉及 任何 几何 信息 ， 而 基于 时 针 
旋转 来 模拟 时 钟 也 仅仅 是 一 种 数据 显示 的 方式 。 

大 部 分 的 应 用 程序 都 有 一 个 既 包 含 非 几 何 数据 又 包含 几何 数据 的 异 构 AM。 其 中 ， 几 
何 数据 又 可 分 为 “抽象 几何 数据 ”(IM 层 不 能 直接 处 理 的 数据 形式 ) 与 “可 供 绘制 的 几何 
数据 ”(IM 层 可 以 直接 处 理 的 数据 形式 ， 如 三 角形 网 格 )。 

现在 来 看 象棋 应 用 程序 的 例子 ， 其 AM 可 分 解 成 如 下 内 容 : 

® 非 几何 数据 可 包括 

a 每 个 棋子 在 棋盘 中 的 当前 位 置 (也 就 是 它 所 在 的 方 格 ) 。 
ms 开始 行 横 后 ， 每 一 步 的 记录 ， 以 便 输 出 行 棋 的 文字 副本 。 
m 用 于 策划 下 棋 中 每 一 步 走 法 的 象棋 策略 。 
a 已 耗 去 的 行 横 时 间 、 现 在 轮 到 谁 走 横 、 所 剩 时 长 等 。 
e 抽象 几何 数据 可 包括 
上 四 数学 定义 的 每 个 棋子 的 形状 (该 形状 必须 先 转化 成 网 格 表示 才能 用 于 绘制 ) 。 
m 棋子 移动 的 路 径 ， 采 用 三 次 Bezier 曲线 定义 ， 用 于 模拟 棋子 从 一 个 方 格 移动 到 为 











一 方 格 的 过 程 。 
e“IM 平台 可 直接 采用 的 几何 数据 ”包括 
绘制 棋盘 涉及 的 几何 与 材质 。 
不 同 视点 处 的 相机 定义 (如 果 用 户 界面 上 设 有 多 个 视点 可 供 选择 ) 。 
棋子 的 建 模 变换 (除了 棋子 所 在 棋盘 方 格 的 抽象 位 置 ， 如 果 用 户 还 可 以 控制 棋子 
的 3D 位 置 与 朝向 )。 

现在 再 来 看 一 个 非常 复杂 、 采 用 CAD/CAM 表示 的 喷气 式 飞机 的 AM。 喷气 机 由 数 
百 万 个 零 部 件 组 成 ， 每 个 零 部 件 包 含 几何 、 空 间 布 局 、 连 接 /关联 数据 ; 用 于 飞机 操作 模 
拟 的 行为 数据 ;用 于 采购 的 零件 编号 、 价 格 、 供 应 商 ID; 保养/ 维修 指南 或 警告 信息 等 。 
此 外 ， 为 了 便于 查找 或 者 过 滤 ， 每 个 零 部 件 都 “ 驻 留 ”在 多 个 组 织 系统 中 。 例 如 ， 一 个 按 
空间 组 织 的 系统 会 将 零 部 件 按 其 所 在 区 域 归 类 (例如 座舱 、 主 舱 等 ); 但 按照 功能 组 织 的 系 
统 则 将 零 部 件 分 为 电气 或 者 液压 等 不 同 的 系统 。 

数据 库 相 当 于 这 些 不 同类 型 数据 的 汇集 ， 供 各 种 各 样 的 系统 和 应 用 程序 使 用 和 操作 ， 

“计算 机 图 形 ” 程 序 只 是 其 中 的 一 小 部 分 。 

此 处 我 们 只 关注 那些 原本 就 是 几何 数据 ,或 为 了 便于 绘制 而 采用 几何 方式 表示 的 
数据 。 


16. 4.2 从 应 用 程序 模型 到 IM 平台 的 流水 线 


现在 研究 基于 立即 模式 的 应 用 程序 是 如 何 驱 动 IM 平台 、 进 而 驱动 GPU 的 。 除 了 其 
特定 的 语义 /逻辑 之 外 ,每 个 这 样 的 图 形 应 用 程序 都 要 实施 一 个 被 称 为 “从 应 用 模型 到 IM 
平台 的 流水 线 ”(AMIP) 的 多 阶段 处 理 步 又。AMIP 位 于 完整 绘制 流水 线 客户 (CPU) 一 侧 
的 前 端 ， 该 流水 线 从 概念 上 可 以 划分 成 多 个 阶段 ， 每 一 阶段 执行 一 项 任务 ， 如 图 16-6 
所 示 。 





图 16-6 ”典型 应 用 程序 流水 线 的 简 图 。 该 流水 线 将 应 用 模型 转换 为 场景 ， 送 交 IM 平台 绘制 


简单 地 说 ，AMIP 遍历 AM 以 完成 以 下 工作 : 
e@ 明确 要 绘制 的 场景 ， 包 括 所 有 的 几何 、 材 质 、 光 照 / 特 殊 效 果 以 及 相机 设置 等 。 应 
用 程序 遍历 AM， 提 取出 与 场景 相关 的 数据 ， 并 将 其 中 的 非 几何 数据 转换 成 几何 表 
示 然 后 添加 到 场景 中 。 这 项 操作 类 似 于 生成 数据 库 的 一 个 “视图 ”， 它 涉及 选择 ( 基 
于 查询 条 件 进 行 提取 ) 与 变换 (对 被 提取 数据 字段 进行 任意 计算 或 更 换 其 格式 )。 
e 对 API 的 一 系列 调用 进行 计算 ,以 驱动 IM 层 来 生成 场景 图 像 。 
图 16-6 从 功能 角度 勾画 了 一 条 完整 的 绘制 流水 线 。 描 述 图 形 应 用 程序 的 男 一 种 方式 
是 从 软件 工程 的 角度 ， 列 出 各 部 分 的 层次 软件 堆栈 。 自 定义 的 应 用 程序 代码 位 于 栈 顶 ， 图 
形 硬件 驱动 程序 在 栈 底 ， 中 间 的 平台 / 库 位 于 二 者 之 间 。 
一 个 典型 3D 图 形 应 用 程序 中 与 图 形 相 关 的 软件 栈 至 少 包含 三 层 ( 见 图 16-7); 如 果 采 
用 保留 模式 中 间 件 平台 来 辅助 AMIP， 则 可 能 包含 四 层 ( 见 图 16-8) 








图 形 硬件 驱动 程序 


图 16-7 应 用 程序 的 软件 栈 : 场景 数据 被 直接 传 ”图 16-8 另 一 类 应 用 程序 的 软件 栈 : 在 构建 场景 
送 到 立即 模式 平台 时 采用 了 保留 模式 的 中 间 件 

随 着 技术 的 发 展 ， 在 流水 线 里 AMIP 任务 的 排列 顺序 以 及 它们 所 归 入 的 软件 栈 的 层级 不 
断 变化 。 而 且 ， 随 着 GPU 可 编程 性 能 的 不 断 开 发 ， 当 前 仍 在 CPU 端 处 理 的 任务 将 逐渐 转移 
到 图 形 硬件 上 。 我 们 将 在 稍 后 讨论 “分 工 ” 问 题 ， 现 在 首先 来 了 解 AMIP 中 的 各 类 任务 。 

在 所 有 应 用 程序 中 (除了 最 简单 的 情形 )， 为 了 保证 应 用 规模 可 扩展 ，AMIP 必须 以 高 
度 优化 的 方式 运行 ， 也 就 是 说 即使 场景 的 规模 与 复杂 程度 增加 ， 也 要 确保 其 足够 的 性 能 
(尤其 是 对 实时 动画 ) 。 术 语 “Large-Model Visualization”( 人 简称 LMV) 常 常用 来 形容 可 处 
理 像 喷气 式 飞 机 或 者 巡洋舰 的 CAD 模型 之 类 极其 复杂 场景 的 应 用 程序 或 者 平台 。 

优化 AMIP 的 首要 目的 是 减少 对 以 下 资源 的 消耗 : 

e CPU 与 GPU 之 间 的 带宽 : 可 通过 最 小 化 传输 到 GPU 的 数据 量 实现 ; 

e GPU 显存 消耗 : 比如 减少 GPU 上 几何 数据 的 缓存 ; 

e GPU 的 处 理 周 期 : 为 GPU 绘制 场景 提供 高 效 IM 层 指令 序列 。 

执行 这 些 优化 任务 需 消耗 CPU 端的 资源 ， 这 意味 着 减少 流水 线 后 半 段 的 耗费 (尤其 是 
GPU) 需 要 流水 线 的 前 端 做 额外 的 工作 ， 两 者 之 间 存 在 一 个 折 中 问题 。 

一 般 来 说 ，AMIP 由 多 个 阶段 组 成 ， 其 间 场 景 数据 流 贯穿 始终 。 这 些 阶段 依 序 执行 或 
者 部 分 并 行 执 行 ， 它 们 从 三 个 方面 进行 优化 : 

1) 降低 场景 复杂 度 。 

2) 为 IM 层 提 供 高 效 指令 流 。 

3) 通过 合理 缓存 避免 元 余 计算 。 
16. 4. 2. 1 减低 场景 复杂 度 

减 小 传送 到 IM 层 处 理 的 图 形 数 据 总 量 的 方法 有 三 类 ， 我们 现在 分 别 介 绍 。 
16. 4.2.1(a) 从 “宏观 场景 ”中 提取 待 绘 制 的 场景 

在 一 个 大 型 应 用 中 ，AM 所 表示 的 “宏观 场景 ”中 的 景物 并 非 同 时 可 见 。 因 此 ， 
AMIP 需要 根据 用 户 确定 的 绘制 目标 ， 从 宏观 场景 中 抽取 相应 的 子 集 。 例 如 ， 在 一 架 飞机 
的 CAD 应 用 中 ， 其 宏观 场景 为 整 架 飞 机 的 完整 定义 ， 要 绘制 的 子 集 可 能 是 用 户 正 关注 的 
某 个 子 系统 (例如 电气 、 暖 通 空调 或 者 液压 系统 等 ) 。 

再 来 看 一 个 多 级 游戏 的 例子 。 游 戏 的 每 一 级 都 对 应 于 一 个 完全 不 同 的 子 场景 。 因 此 应 
用 程序 只 需 提取 出 当前 层级 的 子 场景 作为 绘制 的 对 象 。 
16. 4.2. 1(b) 将 场景 简化 为 潜在 可 见 图 元 的 最 小 集 

此 处 AMIP 关注 的 是 高 层 剔 除 一 一 消去 场景 中 无 需 绘 制 的 全 部 或 大 部 分 图 元 。 这 与 
GPU 中 的 隐藏 面 剔除 形成 对 比 。 由 GPU 执行 的 隐藏 面 剔除 包括 背面 剔除 (参见 36. 6 节 ) 
和 基于 深度 缓存 逐个 像素 的 遮挡 剔除 (参见 36. 3 节 ) 等 。 

高 层 剔 除 ( 由 CPU 实现 ) 与 低层 剔除 (由 GPU 实现 ) 协 同 工 作 ， 其 共同 目标 是 降低 场景 
复杂 度 ， 减 小 GPU 的 工作 负担 。 





人 们 可 能 会 认为 在 GPU 之 前 进行 图 元 剔除 是 不 必要 的 ， 因 为 GPU 正 变 得 越 来 越 强 
大 ， 带宽 也 在 增加 ， 无 需 将 CPU 资源 浪费 在 确定 潜在 可 见 图 元 集 上 。 然 而 ， 在 GPU 中 实 
施 可 见 性 测试 的 成 本 与 图 元 数目 成 正比 。 显 然 ， 对 一 个 拥有 100 000 多 个 不 同 的 零件 以 及 
数 百 万 个 紧 固 件 的 波音 777 飞机 模型 ， 对 送 往 硬件 绘制 流水 线 的 命令 序列 与 数据 进行 优化 
就 非常 必要 了 。 

以 下 所 列 为 未 经 排序 的 此 类 模块 清单 ， 其 中 多 个 模块 需要 采用 3(b) 所 述 的 空间 数据 
结构 : 

视 域 体 剔 除 : 如 第 13 章 所 述 ， 相 机 的 位 置 及 取景 参数 决定 了 视 域 体 的 几何 形状 ， 只 有 
位 于 视 域 体内 的 景物 是 可 见 的 。 这 一 阶段 试图 确定 并 消去 场景 中 完全 位 于 视 域 体外 的 景物 。 
视 域 体 剔 除 一 般 通 过 将 场景 中 的 景物 组 织 成 层次 包围 盒 结 构 ( 如 36.7 节 所 述 ) 来 实现 ; 但 在 
某 些 特定 情形 (如 静态 场景 ) 中 ， 也 可 使 用 其 他 数据 结构 (例如 36. 2. 1 节 所 述 的 BSP 树 结构 )。 

区 域 剔 除 : 在 许多 应 用 中 ， 其 场景 为 建筑 ， 也 就 是 说 场景 位 于 建筑 物 内 ， 墙 将 建筑 物 
空间 分 割 成 若干 “区 域 "， 而 窗 / 门 是 相 邻 分 区 之 间 相 连接 的 “通道 ”"。 针 对 这 类 场景 ， 也 
有 许多 剔除 不 可 见 景物 的 算法 (参见 36. 8 节 ) ， 这 类 算法 也 称 为 通道 剔除 算法 。 

遮挡 剔除 : 考察 一 个 行人 站 在 曼哈顿 中 心 区 一 个 交叉 路 口 时 看 到 的 场景 。 如 果 视 域 体 
的 深度 覆盖 多 个 街区 ,那么 行人 看 到 的 每 个 可 见面 ， 尤 其 是 距离 行人 较 近 的 那些 可 见面 ， 
将 会 遮挡 它们 后 面 的 大 量 景物 。 在 此 类 环境 中 ， 剔 除 这 些 被 遮挡 的 景物 将 明显 获 益 。 

基于 贡献 的 剔除 /细节 上 剔除: 如 果 一 个 可 见 图 元 或 者 场景 的 某 一 部 分 在 观察 者 的 视野 
中 太 小 或 者 离 观察 者 太 远 ， 其 对 绘制 结果 的 影响 可 能 会 很 小 。 本 步 的 工作 是 发 现 并 去 除 这 
类 景物 。 由 于 观察 者 在 运动 过 程 中 不 会 留意 到 场景 中 某 些 小 物体 的 缺失 (在 相机 静止 时 则 
容易 被 发 现 )， 该 类 的 应 用 程序 可 能 会 采用 这 种 剔除 方法 。 
16. 4.2.1(c) 减 小 传输 /绘制 几何 形状 的 开销 

在 这 类 操作 中 ， 要 么 通过 对 复杂 几何 形状 的 网 格 的 编码 来 减少 GPU 绘制 的 开销 或 减 
少将 其 几何 表示 传输 到 GPU 的 数据 缓存 器 的 尺寸 ， 要么 通过 网 格 简化 来 降低 几何 表示 的 
复杂 度 ( 例 如 减少 网 格 的 三 角 面 片 数 与 顶点 数 ) 。 

重新 编码 是 为 了 将 网 格 的 几何 表示 转化 为 可 被 图 形 硬 件 更 快 处 理 的 格式 。 例 如 ， 将 网 
格 转化 为 三 角形 条 带 LEMX02] 是 一 种 很 常见 的 做 法 ， 许 多 硬件 流水 线 都 针对 这 种 简洁 的 
编码 格式 作 了 充分 的 优化 。 

简化 是 一 种 压缩 形式 ， 类 似 于 JPEG 图 片 压缩 或 者 MP3 音频 压缩 。 这 种 压缩 是 有 损 
的 ， 压 缩 后 的 网 格 不 如 原始 网 格 精确 。 但 是 正如 MP3 压缩 过 的 音乐 文件 对 很 多 应 用 来 说 
依然 “足够 好 ?”， 几 何 简化 也 可 针对 特定 应 用 调整 到 令 人 满意 的 效果 。 

举 个 例子 ， 如 果 景 物 或 者 视点 处 于 运动 过 程 中 ， 则 此 时 对 景物 的 几何 表示 进行 适度 简 
化 可 能 不 会 被 观察 者 所 觉察 。 或 者 ， 景 物 的 “重要 度 ”( 以 其 在 视窗 内 投影 的 像素 数目 来 
度量 ) 低 于 某 个 靖 值 ， 一 定 程 度 上 的 简化 不 会 影响 对 该 景物 的 辨识 。 

包括 以 下 方法 在 内 ， 有 多 种 几何 简化 算法 : 

@ 连续 层次 细节 简化 /多 分 辩 率 /几何 变形 /选择 性 简化 /渐进 网 格 简化 /分 层次 动态 简化 

有 一 系列 可 实现 网 格 自动 简化 的 算法 ， 它 们 可 根据 景物 在 图 像 上 的 重要 性 (如 上 所 述 ) 
精细 地 调整 简化 的 程度 。 在 所 采取 的 策略 、 应 用 场合 方面 ， 这 些 算法 各 不 相同 。 倘 车 在 简 
化 时 想 要 “刚刚 好 又 不 过 度 ”， 则 应 该 研究 这 些 算法 。 

举 个 例子 ， 渐 进 网 格 ( 详 见 25. 4. 1 节 ) 可 以 多 种 分 辨 率 采用 单一 数据 结构 来 存储 一 个 
网 格 。 该 结构 可 被 视 为 一 个 序列 : 先是 最 粗 的 网 格 ( 开 销 最 小 ， 质 量 最 差 ) 作 为 “核心 ”， 
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紧 跟 着 一 系列 如 何以 递增 的 方式 恢复 上 一 层 分 辩 率 信息 的 “重建 记录 ”。 在 绘制 该 网 格 时 ， 
该 多 分 辩 率 网 格 的 重建 过 程 可 止 于 序列 中 的 任意 位 置 ， 处 理 的 重建 记录 越 多 ， 所 得 到 的 网 
格 越 接 近 于 原始 的 分 辨 率 。 

注意 ， 这 些 算法 既 可 以 在 AMIP 实现 ， 也 可 以 直接 由 图 形 硬件 实现 。 

e 离散 层次 细节 

当 应 用 程序 希望 对 网 格 简 化 实施 完全 的 控制 时 ， 可 以 采用 这 一 技术 来 取代 网 格 自动 简 
化 算法 。 关 键 景 物 可 表示 成 数 种 不 同 分 辩 率 的 网 格 ( 例 如 高 、 中 、 低 分 辨 率 的 版 本 )， 应 用 
程序 按照 景物 当前 的 重要 度 选 用 某 一 分 辨 率 的 网 格 表示 。 

e 复杂 几何 形状 的 模拟 

对 于 某 些 特定 应 用 (比如 橘 皮 ， 或 者 远 处 怪 石 崂 刚 的 地 表 等 ) 可 采用 一 些 技巧 让 眼睛 误 
以 为 看 到 的 是 复杂 的 几何 表面 ， 而 无 需 对 真实 的 几何 进行 建 模 并 承担 相应 的 光照 /着 色 计 
算 代 价 。1. 6. 1 节 介 绍 的 纹理 映射 是 一 种 最 早 的 采用 图 像 来 履 六 网 格 表面 以 提供 颜色 、 透 
明度 变化 的 技术 。 在 第 20 章 中 ,还 会 介绍 像 法 向 映射 、 位 移 上 映射、 凹凸 贴图 以 及 过 程 纹 
理 等 更 多 的 精巧 方法 。 一 个 减 小 开销 的 极端 例子 是 14. 6. 2 节 中 介绍 的 “广告 牌 ”方法 ， 
该 方法 通过 将 纹理 映射 到 平面 多 边 形 上 来 降低 远 处 景物 的 复杂 性 。 

e@ 细 分 曲面 /GPU 细 分 

与 网 格 简化 技术 相 比 ， 这 种 技术 的 目标 恰恰 相反 一 一 它 利 用 迭代 细 分 算法 ( 见 14. 5. 3 
节 以 及 第 22 章 和 23 章 ) 增 加 表面 的 细节 ， 使 得 粗糙 的 “ 基 网 格 ” 看 起 来 更 平滑 。 这 是 一 
种 由 GPU 执行 细 分 的 优化 方法 。CPU 端 只 需 处 理 粗 的 基 网 格 ， 因 此 减少 了 CPU/VGPTU 带 
宽 消 耗 。 由 于 这 是 一 个 迭代 的 过 程 ，GPU 细 分 会 根据 图 元 与 观察 者 之 间 的 距离 调整 细 分 
的 程度 ， 因 而 提供 了 一 种 可 变 的 层次 细节 控制 。 
16. 4.2.2 生成 高 效 IM 层 指 令 序 列 来 绘制 简化 后 的 场景 

图 形 硬件 流水 线 是 多 个 功能 单元 的 复杂 组 合 ， 只 有 在 充分 了 解 流水 线 的 特点 及 其 潜在 
瓶颈 的 情况 下 才能 达到 最 大 吞吐 量 。 某 些 类 型 的 操作 序列 会 引起 “流水 线 拖延 ”从 而 急剧 
降低 其 性 能 。 多 年 来 ， 随 着 流水 线 的 不 断 调 整 ， 原 来 的 瓶颈 得 到 缓解 ， 但 又 出 现 了 新 的 瓶 
颈 ， 进 而 呼唤 对 流水 线 做 进一步 的 调整 。 

具体 而 言 ， 状 态 的 改变 (比如 ， 当 前 材质 状态 变量 的 变化 ,或 者 切换 到 另 一 顶点 着 色 
程序 ) 会 打 乱 流水 线 的 吞吐 量 ， 应 通过 仔细 调整 图 元 的 绘制 顺序 来 最 小 化 状态 切换 带 来 的 
影响 。 实 际 的 影响 与 API、 硬 件 平台 、 驱 动 软件 以 及 待 改变 的 状态 变量 的 类 型 有 关 。 不 
过 ， 作 为 一 项 规则 ， 每 一 次 对 状态 变量 进行 修改 后 都 应 该 生成 尽 可 能 多 的 图 元 ; 因此 ， 作 
为 AMIP 的 一 部 分 ， 其 执行 逻辑 应 当 对 潜在 的 可 见 集合 进行 分 析 ， 在 此 基础 上 对 图 元 重新 
排序 ， 将 对 应 于 相同 状态 配置 要 求 的 图 元 成 批 地 进行 处 理 。 在 象棋 应 用 程序 中 ,设计 者 可 
能 会 将 黑色 与 白色 棋子 的 材质 分 别 设置 为 黑曜石 与 缩 玛 珊 。 以 便 一 次 性 地 绘制 完 黑 色 棋 
子 ， 然 后 再 绘制 所 有 的 白色 模子， 或 者 将 顺序 反 过 来 。 

对 状态 变量 定义 次 序 的 改动 一 般 不 会 影响 到 最 终 绘 制 生 成 的 图 像 ， 但 如 果 涉 及 半 透 明 
材质 ， 则 是 例外 ， 它 会 让 优化 (还 有 遮挡 剔除 等 ) 过 程 变 得 复杂 。 
16. 4.2.3 利用 缓存 技术 避免 第 1 类 与 第 2 类 任务 中 的 宛 余 计算 

执行 如 16. 4. 2. 1(a~c) 节 和 16. 4.2.2 节 所 述 各 类 任务 中 运算 需 占 用 大 量 的 CPU 与 内 存 
资源 。 但 是 ， 对 于 其 中 的 许多 运算 来 说 ， 如 果 相 邻 两 帧 之 差 满足 一 定 的 要 求 ， 则 得 到 的 第 ; 
帧 计算 结果 对 第 ;十 1 帧 也 是 适用 的 。 因 此 ， 采 用 缓存 技术 可 降低 这 类 运算 的 CPU 开销 。 

用 于 此 项 目的 缓存 称 作 加 速 数据 结构 ， 有 两 种 不 同 的 用 法 : 





。 对 计算 结果 进行 缓存 
a 例如 ， 在 16. 4. 2. 2 节 中 ， 可 以 缓存 与 场景 中 静态 部 分 相关 的 IM 层 指令 序列 并 
为 后 续 帧 所 重用 ， 而 且 为 了 避免 在 CPU/GPU 之 间 重 复 传递 ， 可 将 这 部 分 缓存 
内 容 作为 显示 列表 下 载 到 图 形 硬件 上 。 
a 考虑 16. 4. 2. 1(b) 节 中 的 例子 ， 通 过 该 节 所 列 算法 计算 得 到 的 网 格 简化 结果 也 应 
当 被 缓存 ， 这 对 减少 客户 端 (CPU) 和 服务 器 端 (GPU) 的 存储 来 说 都 是 有 利 的 。 
。 对 计算 中 要 用 到 的 数据 进行 缓存 
a 考虑 16.4. 2. 1(a) 节 中 的 例子 。 视 域 体 剔 除 一 般 将 候选 图 元 组 织 成 BVH( 层 次 包 
围 盒 结构 ， 见 第 37 章 )， 将 该 数据 结构 进行 缓存 以 便 为 各 帧 所 重用 ; 另外 ， 还 可 
针对 几何 发 生 改 变 的 部 分 场景 选择 性 地 更 新 BVH 相关 部 分 ， 从 而 延长 该 缓存 数 
据 结构 的 生命 周期 。 
又 如 16. 4. 2. 1(b) 节 中 的 例子 。 对 每 一 图 元 是 否 执行 简化 的 决策 逻辑 一 般 都 基于 
其 相应 的 计算 成 本 (对 该 图 元 几何 复杂 性 以 及 绘制 开销 的 度量 ) 和 效应 值 (对 该 图 
元 的 图 像 在 屏幕 上 所 占 区 域 的 度量 ) 。 算 法 依据 其 效应 值 /计算 成 本 的 比率 来 决定 
可 对 该 图 元 实施 何 种 程度 的 简化 。 可 将 这 一 比率 进行 缓存 。 注 意 ， 当 POV 发 生 
改变 时 ,缓存 中 的 “效应 值 ”将 失效 。 
要 设计 一 个 包含 加 速 数据 结构 的 软件 并 非 易 事 ; 我 们 将 在 16. 4. 3 节 中 作 进 一 步 的 描述 。 
当 你 读 完 以 上 常见 的 AMIP 任务 时 ， 你 可 能 已 经 在 脑海 里 构建 出 类 似 图 16-9 所 示 的 
完整 定义 的 流水 线 图 。 





图 16-9 典型 AMIP 中 各 部 件 的 一 种 组 合 方式 


需要 注意 的 是 ， 这 只 是 一 个 高 度 抽象 的 、 从 应 用 模型 到 绘制 图 像 的 完整 图 形 流 水 线 的 
概念 图 。 真 实 的 实现 方式 与 该 抽象 图 之 间 在 以 下 几 个 方面 可 能 有 所 不 同 。 

@ 各 项 任务 不 一 定 需要 顺序 执行 ， 某 些 任务 可 以 并 行进 行 计算 。 

@ 该 流水 线 中 所 展示 的 任务 次 序 是 概念 性 的 ， 在 实际 软 /硬件 实现 中 不 必 完 全 照 此 
次 序 。 

@ 某 些 任务 可 以 分 划 到 数 个 软 / 硬 件 模 块 中 ， 甚 至 跨越 多 个 CPU 与 GPU( 针 对 场景 规 
模 高 度 扩 展 的 情况 ) 。 

e 我 们 的 讨论 尚未 涉及 GPU 的 内 部 结构 ， 有 关 现 代 图 形 硬 件 的 讨论 可 参考 第 38 章 。 

接 下 来 我 们 将 注意 力 转向 CPU 端的 软件 栈 ， 尤 其 是 包含 保留 模式 中 间 件 层 的 四 级 栈 。 
该 中 间 层 将 承担 AMIP 的 大 部 分 职责 。 





16.4.3 场景 图 中 间 件 


前 面 介绍 了 描述 3D 图 形 场 景 的 两 个 抽象 层 : 立即 模式 (IM) 和 高 层次 的 保留 模式 
(RM)， 也 讲述 了 RM 层 的 两 大 职责 : 其 一 是 存储 场景 图 ; 其 二 是 对 场景 图 进行 遍历 ， 生 
成 将 要 发 送 到 IM 层 的 图 形 生成 指令 。 

另外 , 在 16. 2.9 节 中 ,我 们 还 注意 到 ， 直 接 基于 IM 层 的 应 用 程序 通常 都 包含 具有 
RM 层 基 本 功能 的 定制 模块 ， 这 是 因为 在 图 形 应 用 中 场景 存储 (以 及 将 之 转化 为 图 像 ) 是 一 
个 常见 的 功能 。 

我 们 现在 来 更 完整 地 考察 RM 中 间 件 的 功能 。 一 个 基于 RM 的 应 用 程序 从 应 用 模型 中 
提取 信息 并 利用 RM API 构建 场景 图 (该 图 驻 留 于 中 间 件 层 ) 。 由 中 间 件 来 维护 场景 定义 给 
程序 员 带 来 以 下 便利 : 

@ 以 面向 对 象 的 方式 表示 关键 3D 图 形 概念 (图 元 、 变 换 、 材 质 、 纹 理 、 相 机 、 光 源 )， 

为 程序 员 构 建 场景 提供 了 一 个 直观 的 API 界面 。 

@ 支持 层次 建 模 。 

@ 通过 对 场景 描述 进行 递增 式 编辑 实现 动态 仿真 。 

@ 支持 层次 拾取 关联 。 

几乎 所 有 RM 中 间 件 都 能 提供 这 些 便利 ; 然而， 除了 这 些 特 征 之 外 ， 为 优化 性 能 而 设 
计 的 RM 中 间 件 还 可 以 执行 16.4. 2 节 所 列 的 任意 一 项 应 用 模型 后 置 处 理 (postrapplication- 
model) 的 AMIP 优化 任务 (如 图 16-10 所 示 )。 大 多 数 RM 层 都 不 提供 优化 ， 某 些 RM 层 针 
对 场景 规模 的 可 扩展 性 和 计算 性 能 进行 了 优化 ， 另 一 些 为 了 简便 起 见 则 不 提供 优化 功能 。 
(具体 介绍 可 参见 本 章 的 在 线材 料 ， 其 中 包含 了 一 个 关于 场景 图 平台 的 导 引 表 。) 











图 16-10 采用 保留 模式 中 间 件 的 应 用 程序 中 的 AMIP 功能 模块 分 布 示意 图 


16. 4. 3. 1 基于 加 速 数 据 结构 的 优化 

为 了 获得 性 能 提升 ， 一些 RM 在 具体 实现 中 构建 加 速 数据 结构 (如 16. 4. 2. 3 节 所 述 )， 
存储 用 来 支持 优化 的 信息 。 设 计 一 个 软件 逻辑 来 维护 这 些 数据 结构 并 非 一 项 轻松 的 任务 
(图 16-11 为 该 软件 逻辑 的 示意 图 ,相关 细 节 将 在 第 36 章 和 37 章 进行 讨论 )， 这 是 因为 当 
场景 图 改变 时 加 速 数据 结构 也 必须 随 之 更 新 ， 其 中 需要 进行 精细 的 判断 以 避免 一 些 缓存 信 
息 过 早 地 被 舍弃 ， 同 时 避免 该 数据 结构 的 大 规模 重 构 。 





由 应 用 程序 


平台 更 新 
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图 16-11 示意 图 描述 了 一 个 具有 视 域 体 剔除 和 IM 一 指令 复 用 两 种 优化 功能 (参见 
16.4.2 节 ) 的 RM 层 ， 展 示 了 当场 景 图 改变 时 对 加 速 数 据 结 构 ( 在 本 例 中 是 
指 BVH 和 IM 一 指令 缓存 ) 进 行 更 新 的 软件 逻辑 


除了 维护 加 速 数据 结构 的 CPU 时 间 开 销 之 外 ， 还 涉及 对 CPU 内 存 资源 的 占用 。 在 本 
节 的 最 后 ， 我 们 将 讨论 场景 图 中 间 件 的 运行 代价 和 在 代价 /收益 之 间 如 何 进行 权衡 。 
16. 4. 3.2 对 场景 静态 部 分 的 优化 

Java3D( 最 早 支持 优化 的 RM 平台 ) 的 设计 者 Henry Sowizral 对 场景 图 提出 了 一 句 初 看 似 
乎 不 合 常理 ， 随 后 “显而易见 ”的 准则 : 遍历 场景 图 的 代价 是 高 昂 的 ， 应 尽 可 能 避免 遍历 。 

特别 是 在 实时 动画 序列 中 ， 对 每 一 帧 动画 都 重新 遍历 整个 场景 图 是 难以 为 继 的 。 一 个 
规模 可 调控 的 场景 图 平台 则 可 通过 执行 16. 4. 2. 3 节 所 述 的 任务 来 最 小 化 遍历 操作 : 

@ 识别 场景 图 中 的 静态 结 点 一 一 自动 识别 或 通过 应 用 程序 提供 的 “提示 ”( 如 Java3D 

中 的 提示 ); 

e 生成 上 述 子 场景 图 的 加 速 数据 结构 ， 并 加 以 缓存 ; 

e 防止 场景 中 的 动态 部 分 波及 这 些 缓存 的 加 速 数据 结构 (否则 将 引起 频繁 的 缓存 

失效 )。 

在 使 用 RM 层 时 ， 你 可 将 场景 图 中 的 静态 部 分 与 动态 部 分 隔离 开 来 以 协助 完成 上 述 任 
务 。 例 如 ， 假 若 根 结 点 的 第 一 个 子 结 点 X 包含 了 场景 中 的 所 有 静态 部 分 ， 则 以 X 为 根 结 
点 的 场景 子 图 只 需 遍 历 一 次 ， 在 遍历 时 将 构建 一 个 可 高 效 生成 该 静态 部 分 场景 的 加 速 数据 
结构 。 场 景 图 根 结 点 的 其 余子 结 点 则 标记 为 动态 结 点 ， 且 不 允许 它们 改变 场景 静态 部 分 的 
加 速 数据 结构 。 

倘若 应 用 程序 允许 观察 者 在 其 静态 场景 中 游历 ， 只 需 遍 历 一 次 场景 图 即 可 构建 一 个 可 
用 来 高 效 生成 每 一 帧 动画 的 加 速 数据 结构 。 

有 趣 的 是 生成 加 速 数据 结构 并 对 其 进行 缓存 时 通常 会 尽量 “ 展 平 ”场景 图 的 层次 结构 
以 消除 遍历 时 的 上 下 关联 。 为 什么 呢 ? 想 想 Sowizral 关于 避免 遍历 的 警句 ! 建立 加 速 数据 
结构 的 目标 是 为 了 使 优化 算法 能 快速 访问 为 优化 所 需 的 即 用 数据 ; 如 果 优 化 逻辑 需要 遍历 
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场景 图 的 层次 结构 才能 解读 加 速 数据 ， 则 将 严重 降低 效率 。 
16. 4. 3.3 保留 模式 中 间 件 的 代价 与 弊病 

RM 层 带 来 的 收益 是 有 代价 的 。 与 开发 相关 的 成 本 包括 : 软件 包 API 的 学 习 曲 线 ， 以 
及 为 在 开发 过 程 中 快速 诊断 、 修 复 程序 错误 而 积攒 经 验 所 花费 的 时 间 。( 当 然 ， 还 有 商用 
中 间 件 产品 的 财务 成 本 。) 

运行 成 本 包括 对 CPU 端 内 存 与 处 理 器 的 占用 ， 主 要 分 为 以 下 两 方面 。 

1) 场景 图 本 身 存 储 在 CPU 端 ， 对 于 复杂 场景 来 说 ， 其 占用 的 内 存 不 容 忽 视 。 而 且 ， 
如 果 应 用 模型 (AM) 占 主导 的 是 几何 ， 则 对 该 模型 而 言 ， 场 景 图 很 可 能 是 宛 余 的 。 

2) 中 间 件 的 优化 模块 内 使 用 的 加 速 数据 结构 /缓存 将 占用 CPU 端的 内 存 ， 当 场景 高 
度 复 杂 时 ， 所 占用 的 内 存 相 当 可 观 。 

重新 审视 我 们 的 骆驼 - 建 模 应 用 程序 、 将 基于 OpenGL 函数 的 方法 与 第 6 章 描述 的 场 
景 图 方法 进行 比较 会 很 有 意思 。 考 虑 一 个 沙漠 场景 ， 该 场景 里 有 一 支 由 100 只 骆驼 组 成 的 
驼 队 。 那 么 对 两 种 方法 来 说 ， 各 上 自 占用 的 CPU 端的 内 存 分 别 是 多 少 呢 ? 

在 6.6.4 节 中 ,我 们 展示 了 在 场景 层次 结构 不 同 层次 处 重用 组 合 构件 可 以 改变 场景 图 
中 的 结 点 数 。 构 件 重用 固然 可 以 节省 资源 ， 但 也 会 失去 动画 控制 的 细节 。 如 果 从 目标 动画 
质量 出 发 ， 要 求 独立 控制 场景 中 的 每 个 关节 ， 则 不 能 重用 组 合 构件 ， 在 这 种 情况 下 ， 场 景 
图 占用 的 内 存量 将 达到 最 大 。( 当 然 ， 可 以 共享 基 元 构件 的 网 格 表 面 数据 而 不 影响 对 各 关 
节 运 动 的 独立 控制 。) 

与 之 相 比 ， 初 看 之 下 会 觉得 16. 2. 9 节 介绍 的 基于 函数 的 方法 是 高 度 可 扩展 的 。 层 次 
设计 的 成 本 是 固定 的 ， 因 为 它 存在 于 编译 好 的 可 执行 文件 中 ， 与 骆驼 数目 无 关 。 事 实 上 ， 
如 果 我 们 的 目标 仅 是 为 绘制 一 帧 静态 画面 ， 画 面 中 有 100 只 位 置 随机 分 布 的 骆驼 ,那么 只 
需 编 写 一 个 程序 ， 调 用 camel () 函数 100 次 ， 每 一 次 调用 采用 随机 、 非 保留 的 实例 和 关联 变 
换 即 可 。 所 占用 的 CPU 内 存 将 会 是 一 个 与 骆驼 数 无 关 的 常量 。 然 而 ， 如 果 要 模拟 驼 队 的 动 
态 效果 ， 那 么 应 用 程序 模型 至 少 要 考虑 每 只 骆驼 的 当前 位 置 和 朝向 。 人 倘若 为 了 生成 高 质量 动 
画 而 需要 对 每 个 关节 分 别 进行 控制 ,那么 包括 每 只 骆驼 信息 (人 位置、 朝向、 每 个 关节 的 状态 ) 
的 AM 一 驻 留 存储 看 上 去 将 越 来 越 像 一 张 场景 图 。 对 场景 细节 的 控制 要 求 越 高 ， 则 AM 越 
有 具备 场景 图 的 特质 ， 开 发 团队 为 实现 定制 场景 图 与 定制 AMIP 特质 所 花 的 时 间 就 越 多 。 

因此 开发 团队 在 建立 定制 AMIP 与 使 用 中 间 件 平台 来 降低 其 工作 负荷 时 必须 做 出 选 
择 ， 在 选择 时 需要 考虑 相关 成 本 。 如 前 指出 ， 某 些 成 本 (例如 构建 加 速 数据 结构 ) 是 无 法 避 
免 的 ; 然而 ， 自 定义 的 AMIP 可 以 避免 复制 应 用 模型 (AM) 中 的 数据 ， 而 驻 留 在 中 间 件 上 
那些 元 余 的 AM 数据 副本 、 其 占用 的 内 存 和 处 理 周期 方面 的 CPU 成 本 是 独立 于 应 用 领域 
的 通用 场景 图 中 间 件 技术 的 基本 问题 。 

然而 ， 层 次 场景 图 与 AMIP 的 自动 优化 所 带 来 的 便利 显而易见 ， 因 此 在 一 些 特殊 领 
域 , 融合 了 AM 与 场景 图 的 高 效 平台 架构 (在 下 一 小 节 中 介绍 ) 越 来 越 受 欢迎 。 


16. 4.4 图形 应 用 程序 平台 


在 一 些 拥 有 庞大 开发 团队 的 关键 应 用 领域 ， 由 于 需要 方便 地 使 用 场景 描述 数据 库 、 优 
化 其 功能 并 为 领域 内 常见 问题 提供 解决 方案 ， 导 致 了 图 形 应 用 平台 的 发 展 。 

其 中 最 突出 的 应 用 领域 是 游戏 开发 。 开 发 3D 交互 游戏 会 涉及 以 下 任务 : 

e 高 度 优化 的 AMIP。 

e@ 统计 /历史 记录 / 计 分 。 
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e 声音 (背景 音乐 ， 同 步 声 效 ) 。 

e 真实 动态 过 程 的 物理 模型 。 

e 网 络 (基于 局 域 网 或 者 广域网 的 多 人 游戏 ) 。 

e@ 人 工 智 能 (角色 /对 象 的 自主 行为 ) 。 

e@ 输入 设备 处 理 。 

为 了 为 游戏 开发 提供 一 个 功能 丰富 的 基础 ， 若 干 游戏 应 用 平台 ( 即 通常 所 称 的 游戏 引 
擎 ) 已 经 以 商用 产品 或 者 开源 库 的 形式 供 开发 者 使 用 ， 其 中 不 少 是 作为 团队 开发 特定 游戏 
或 者 系列 游戏 时 的 副产品 发 展 起 来 的 。 游 戏 应 用 平台 的 运行 模块 内 部 是 一 组 数据 库 ， 这 些 
数据 库 相 当 于 一 张 “超级 场景 图 ”， 其 中 保存 的 场景 信息 与 应 用 模型 中 的 信息 交织 在 一 起 。 
例如 ， 在 一 款 赛 车 游戏 中 ， 一 个 可 实例 化 的 汽车 模板 不 仅 要 包括 预 设 的 几何 信息 (例如 表 
示 该 汽车 几何 与 外 观 的 场景 图 模板 ) ， 还 要 包括 它 的 操作 特征 (例如 ， 加 速 极 限 、 急 转弯 时 
的 操作 特性 等 )。 而 且 ， 在 表示 一 辆 正在 比赛 中 的 实际 赛车 时 ， 模板 的 实例 除了 包括 正常 
场景 图 需 记 载 的 当前 位 置 /朝向 等 信息 外 ， 还 应 额外 设置 与 比赛 相关 的 信息 (比如 ， 当 前 速 
度 、 当 前 角 动 量 等 )。 

游戏 开发 不 仅仅 涉及 可 执行 的 运行 程序 ， 成 熟 的 游戏 开发 系统 一 般 还 包括 辅助 设计 的 
工具 集 / 集 成 开发 环境 。 例 如 ， 流行 的 虚幻 游戏 开发 环境 包括 可 处 理 以 下 事务 的 工具 : 

e 3D 模型 的 构建 /编辑 ， 包 括 从 各 种 格式 文件 中 下 载 现 有 模型 的 能 力 。 

e@ 在 构建 可 真实 行走 的 人 形 / 兽 形 角色 时 对 其 进行 蒙 皮 或 装配 。 

@ 艺术 方面 ， 包 括 背 景 上 色 、 材 质 设计 、 灯 光 设 计 等 。 

当然 ， 图 形 应 用 程序 平台 也 适用 于 其 他 领域 。 例 如 ， 在 CAD/CAM 领域 ，Autodesk 
的 AutoCAD 系统 已 经 从 一 个 简单 的 应 用 程序 发 展 成 一 个 高 度 可 配制 、 具 有 “超级 场景 
图 ”数据 库 、 丰 富 API 的 平台 。AutoCAD 没有 采用 一 刀 切 的 统一 模式 ， 而 是 为 多 个 子 领 
域 ( 如 机 械 、 建 筑 、 工 厂 平面 布局 等 ) 提 供 了 具有 不 同 目标 AM 语义 的 开发 环境 。 


16.5 其 他 平台 上 的 3D 应 用 

在 过 去 ，3D 应 用 的 计算 需求 使 得 这 些 应 用 只 能 作为 单机 程序 运行 在 桌面 /笔记 本 电脑 
上 或 者 像 Xbox 360、PlayStation、Wii 等 之 类 的 专用 游戏 平台 上 。 然 而 ， 随 着 软件 开发 / 
硬件 性 能 的 稳步 发 展 ,“ 骨 入 式 ”3D 已 经 逐渐 变 得 可 行 。 


16.5.1 移动 设备 上 的 3D 应 用 


典型 的 高 端 智能 手机 或 者 平板 电脑 都 有 一 个 包含 顶点 与 片 元 着 色 器 、 硬 件 加 速 的 可 编 
程 流水 线 。 为 了 向 这 些 设备 提供 与 硬件 无 关 的 、 一 致 的 API， 一 个 名 为 OpenGL ES( 嵌 入 
式 系统 ) 的 轻 量 级 的 OpenGL API 已 经 开发 出 来 。 除 了 基于 Windows 系统 的 手机 和 平板 电 
脑 (由 DirectX 9 API 驱动 ) 外 ， 这 个 API 目前 已 在 移动 设备 领域 广泛 应 用 。 

各 种 ES 版 本 的 设计 主要 是 根据 相应 移动 设备 的 处 理 能 力 、 可 用 内 存 、 带 宽 以 及 电池 
寿命 等 性 能 指标 对 API 进行 适当 的 调整 。 例 如 ， 在 着 色 语 言 中 增加 了 精度 修饰 符 ， 以 便 应 
用 程序 能 选择 较 低 数值 精度 来 减 小 处 理 器 的 负担 。 而 那些 会 大 幅 增 加 处 理 器 负荷 的 功能 
(如 计算 伪 随 机 噪声 ) 则 被 删除 。 此 外 ， 因 为 对 着 色 器 代码 进行 编译 的 计算 成 本 很 高 ， 这 些 
ES 的 变化 版 本 大 都 采取 了 下 载 已 经 预 编 译 (二 进 制 ) 的 着 色 器 的 策略 。 


16. 5.2 浏览 器 中 的 3D 应 用 
在 定义 一 个 便于 从 互联 网 传输 到 浏览 器 的 (以 及 场景 /模型 的 跨 应 用 转换 )3D 场景 描述 





的 文本 格式 方面 ， 最 早 的 工作 可 追溯 到 1994 年 的 首 版 VRML(Virtual Reality Modeling 
Language)。VRML 现 已 全 面 改进 并 改名 为 X3D， 并 已 成 为 由 Web3D 联盟 维护 的 ISO 标 
准 。 它 提供 了 3D 场景 图 的 XML 陈述 型 定义 ， 可 支持 固定 功能 流水 线 与 着 色 器 的 扩展 功 
能 。 而 特殊 的 脚本 语言 和 交互 /动画 结 点 提供 了 动态 模拟 的 功能 ， 导 航 结 点 则 可 设置 漫游 / 
飞行 导航 ， 这 使 X3D 不 仅仅 是 一 个 静态 图 片 生成 器 。 然 而 ， 当 今 流 行 的 浏览 器 仍 缺 乏 对 
X3D 的 天 然 支持 ， 从 而 影响 了 X3D 的 普及 ， 该 格式 尚未 吸引 到 学 术 圈 之 外 的 网 站 作者 。 
网 站 广泛 使 用 3D 内 容 的 潜力 远 高 于 WebGL。WebGL 是 一 个 与 众多 主流 浏览 器 同 源 
的 JavaScript API， 支 持 在 HTML5 画布 上 采用 立即 模式 的 3D 绘制 。 由 于 它 基 于 OpenGL 
ES， 故 没有 固定 功能 流水 线 ， 需 要 使 用 着 色 器 来 控制 所 有 的 外 观 。 因 此 ， 和 希望 拥有 固定 功 
能 模型 与 保留 模式 场景 图 的 程序 员 只 能 依赖 中 间 件 平台 ， 其 中 一 些 平台 目前 正在 开发 中 。 
有 关 这 个 快速 发 展 的 主题 的 更 多 信息 ， 可 查看 本 章 的 在 线材 料 。 


16.6 讨论 

本 章 简 要 介绍 了 对 应 不 同 设计 目标 和 抽象 层次 的 图 形 平 台 。 哪 个 平台 模型 都 不 会 比 已 
经 起 主导 作用 的 某 种 编程 模型 或 者 主流 语言 更 占据 优势 地 位 。 开 发 者 可 以 选择 对 GPU 硬 
件 施加 何 种 程度 的 控制 ， 就 像 他 们 在 编写 程序 时 可 以 选择 汇编 语言 、C 语言 、 高 级 过 程 语 
言 、 面 向 对 象 语言 或 者 函数 式 语 言 一 样 。3D 图 形 的 开发 者 可 以 选择 在 “底层 ”进行 编程 
(采用 不 同形 式 的 OpenGL 或 者 Microsoft 的 Direct3D 语言 ) ， 通 过 直接 编写 着 色 器 程序 来 
利用 飞速 发 展 中 的 绘制 科学 (基于 物理 的 照片 真实 感 图 形 生成 和 卡通 模拟 ) 所 提供 的 最 新 算 
法 和 技巧 。 另 一 方面 ， 他 们 也 可 以 放弃 对 GPU 的 直接 控制 ， 而 选择 在 高 级 抽象 层次 上 进 
行 编程 (这 种 编程 方式 具有 较为 平缓 的 学 习 曲 线 )。 在 这 一 层次 上 ， 他们 可 以 采用 立即 模式 
进行 编程 ， 通 过 自己 的 数据 结构 来 驱动 GPU; 也 可 以 采用 保留 模式 ， 发 挥 其 在 显示 层次 
模型 方面 所 特有 的 优势 。 就 像 使 用 拥有 许多 功能 的 高 级 语言 一 样 ， 软 件 包 为 开发 者 提供 的 
辅助 功能 越 多 ， 在 性 能 指标 上 御 牲 的 可 能 性 就 越 大 。 在 撰写 本 书 的 时 候 ， 着 色 器 编程 显然 
是 占 主导 地 位 的 编程 模型 ， 但 这 可 能 也 会 变 。 我 们 可 以 轻松 预测 到 的 一 个 趋势 是 ， 由 于 可 
以 充分 利用 移动 设备 快速 增长 的 性 能 与 更 好 的 云 服 务 ， 移 动 计 算 将 在 智能 手机 和 平板 电脑 
上 提供 只 有 现今 高 端 显卡 才 拥 有 的 惊人 实时 图 形 能 力 。 
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